/* ============================================================
   tokens.css — Grupo PLA — Peças e Equipamentos Agrícolas
   EDITAR ESTE ARQUIVO PARA CUSTOMIZAR O CLIENTE
   ============================================================ */

:root {

  /* ── PALETA DE CORES ── */

  /* Cor primária — Laranja (CTA, botões principais, destaques) */
  --ecom-color-primary-50:  #fff7ed;
  --ecom-color-primary-100: #ffedd5;
  --ecom-color-primary-200: #fed7aa;
  --ecom-color-primary-300: #fdba74;
  --ecom-color-primary-400: #fb923c;
  --ecom-color-primary-500: #f97316;
  --ecom-color-primary-600: #ea580c;
  --ecom-color-primary-700: #c2410c;
  --ecom-color-primary-800: #9a3412;
  --ecom-color-primary-900: #7c2d12;

  /* Cor secundária — Azul escuro (header, footer, badges, ícones) */
  --ecom-color-secondary-50:  #f8fafc;
  --ecom-color-secondary-100: #f1f5f9;
  --ecom-color-secondary-200: #e2e8f0;
  --ecom-color-secondary-300: #cbd5e1;
  --ecom-color-secondary-400: #94a3b8;
  --ecom-color-secondary-500: #64748b;
  --ecom-color-secondary-600: #475569;
  --ecom-color-secondary-700: #334155;
  --ecom-color-secondary-800: #1e293b;
  --ecom-color-secondary-900: #0f172a;

  /* Neutros */
  --ecom-color-neutral-0:   #ffffff;
  --ecom-color-neutral-50:  #f9fafb;
  --ecom-color-neutral-100: #f3f4f6;
  --ecom-color-neutral-200: #e5e7eb;
  --ecom-color-neutral-300: #d1d5db;
  --ecom-color-neutral-400: #9ca3af;
  --ecom-color-neutral-500: #6b7280;
  --ecom-color-neutral-600: #4b5563;
  --ecom-color-neutral-700: #374151;
  --ecom-color-neutral-800: #1f2937;
  --ecom-color-neutral-900: #111827;

  /* Status */
  --ecom-color-success:     #16a34a;
  --ecom-color-success-light: #dcfce7;
  --ecom-color-warning:     #d97706;
  --ecom-color-error:       #dc2626;
  --ecom-color-info:        #0284c7;

  /* ── ALIASES SEMÂNTICOS ── */

  --ecom-bg-page:           var(--ecom-color-neutral-50);
  --ecom-bg-surface:        var(--ecom-color-neutral-0);
  --ecom-bg-surface-alt:    var(--ecom-color-neutral-100);
  --ecom-bg-dark:           var(--ecom-color-secondary-900);
  --ecom-bg-dark-alt:       var(--ecom-color-secondary-800);

  --ecom-text-primary:      var(--ecom-color-neutral-900);
  --ecom-text-secondary:    var(--ecom-color-neutral-600);
  --ecom-text-muted:        var(--ecom-color-neutral-400);
  --ecom-text-inverse:      var(--ecom-color-neutral-0);
  --ecom-text-on-primary:   var(--ecom-color-neutral-0);
  --ecom-text-on-dark:      var(--ecom-color-neutral-200);

  --ecom-border-default:    var(--ecom-color-neutral-200);
  --ecom-border-focus:      var(--ecom-color-primary-500);

  --ecom-action-primary:        var(--ecom-color-primary-500);
  --ecom-action-primary-hover:  var(--ecom-color-primary-600);
  --ecom-action-primary-active: var(--ecom-color-primary-700);

  --ecom-action-secondary:       var(--ecom-color-secondary-800);
  --ecom-action-secondary-hover: var(--ecom-color-secondary-700);

  /* ── TIPOGRAFIA ── */

  --ecom-font-sans:  'Inter', system-ui, -apple-system, sans-serif;
  --ecom-font-serif: 'Playfair Display', Georgia, serif;
  --ecom-font-mono:  'JetBrains Mono', 'Courier New', monospace;

  --ecom-font-body:    var(--ecom-font-sans);
  --ecom-font-heading: var(--ecom-font-sans);

  /* Escala tipográfica */
  --ecom-text-xs:   0.75rem;
  --ecom-text-sm:   0.875rem;
  --ecom-text-base: 1rem;
  --ecom-text-lg:   1.125rem;
  --ecom-text-xl:   1.25rem;
  --ecom-text-2xl:  1.5rem;
  --ecom-text-3xl:  1.875rem;
  --ecom-text-4xl:  2.25rem;
  --ecom-text-5xl:  3rem;

  /* Pesos */
  --ecom-font-regular:   400;
  --ecom-font-medium:    500;
  --ecom-font-semibold:  600;
  --ecom-font-bold:      700;

  /* Line heights */
  --ecom-leading-tight:   1.25;
  --ecom-leading-snug:    1.375;
  --ecom-leading-normal:  1.5;
  --ecom-leading-relaxed: 1.625;

  /* Letter spacing */
  --ecom-tracking-tight:  -0.025em;
  --ecom-tracking-normal:  0;
  --ecom-tracking-wide:    0.025em;
  --ecom-tracking-widest:  0.1em;

  /* ── ESPAÇAMENTO ── */

  --ecom-space-0:  0;
  --ecom-space-1:  0.25rem;
  --ecom-space-2:  0.5rem;
  --ecom-space-3:  0.75rem;
  --ecom-space-4:  1rem;
  --ecom-space-5:  1.25rem;
  --ecom-space-6:  1.5rem;
  --ecom-space-8:  2rem;
  --ecom-space-10: 2.5rem;
  --ecom-space-12: 3rem;
  --ecom-space-16: 4rem;
  --ecom-space-20: 5rem;
  --ecom-space-24: 6rem;

  /* ── BORDER RADIUS ── */

  --ecom-radius-sm:   0.25rem;
  --ecom-radius-md:   0.375rem;
  --ecom-radius-lg:   0.5rem;
  --ecom-radius-xl:   0.75rem;
  --ecom-radius-2xl:  1rem;
  --ecom-radius-full: 9999px;

  /* ── SOMBRAS ── */

  --ecom-shadow-sm:  0 1px 2px 0 rgb(0 0 0 / 0.05);
  --ecom-shadow-md:  0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --ecom-shadow-lg:  0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --ecom-shadow-xl:  0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

  /* ── Z-INDEX ── */

  --ecom-z-base:     0;
  --ecom-z-raised:   10;
  --ecom-z-dropdown: 100;
  --ecom-z-sticky:   200;
  --ecom-z-overlay:  300;
  --ecom-z-modal:    400;
  --ecom-z-toast:    500;

  /* ── LAYOUT ── */

  --ecom-container-max:    1280px;
  --ecom-container-pad:    var(--ecom-space-4);
  --ecom-container-pad-md: var(--ecom-space-8);

  /* ── TRANSIÇÕES ── */

  --ecom-duration-fast:   150ms;
  --ecom-duration-normal: 250ms;
  --ecom-duration-slow:   350ms;
  --ecom-ease-default:    cubic-bezier(0.4, 0, 0.2, 1);
}