/* ============================================================
   EDR CRM — Design Tokens (M7 base)
   ------------------------------------------------------------
   Fundação invisível pro redesign "Engenharia Honesta".
   Importado ANTES de style.css. O :root aqui declara escalas
   NOVAS (spacing, tipografia, motion, z-index, neutrals).
   Cores semânticas atuais (--verde, --branco, etc.) continuam
   em style.css como aliases — zero mudança visual hoje.
   ============================================================ */

:root {

  /* ── Paleta neutra estendida ──────────────────────────────
     Escala Tailwind-like. Hoje só --neutral-50/100/200/700/900
     são equivalentes ao que style.css usa hardcoded.
     Próxima sprint migra hex codes pra cá. */
  --neutral-50:  #fafafa;
  --neutral-100: #f3f4f6;
  --neutral-200: #e5e7eb;
  --neutral-300: #d1d5db;
  --neutral-400: #9ca3af;
  --neutral-500: #6b7280;
  --neutral-600: #4b5563;
  --neutral-700: #374151;
  --neutral-800: #1f2937;
  --neutral-900: #111827;

  /* ── Paleta "Engenharia Honesta" (próxima sprint) ─────────
     Declarada mas NÃO usada ainda. Quando redesign rolar,
     basta apontar --color-brand-* daqui. */
  --eh-concreto:    #8B8680;
  --eh-aco:         #3A4452;
  --eh-papel:       #FAFAF7;
  --eh-laranja:     #FF6B35;
  --eh-laranja-dim: #E55A2A;

  /* ── Spacing (escala 4px) ─────────────────────────────────
     Hoje 113 paddings/margins/gaps usam valores soltos.
     Próxima sprint padroniza tudo via --space-*. */
  --space-0:  0;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;

  /* ── Tipografia — famílias ────────────────────────────────
     Sans = Inter (já importado em style.css).
     Mono/Serif declarados mas import só na sprint EH. */
  --font-sans:  'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono:  'IBM Plex Mono', 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
  --font-serif: 'Source Serif Pro', 'Source Serif 4', Georgia, 'Times New Roman', serif;

  /* ── Tipografia — escala ──────────────────────────────────
     Razão 1.125 (major second). 78 font-sizes hardcoded
     hoje no style.css migram aqui no redesign. */
  --text-xs:    0.72rem;   /* 11.5px */
  --text-sm:    0.82rem;   /* 13.1px */
  --text-base:  0.92rem;   /* 14.7px */
  --text-md:    1rem;      /* 16px   */
  --text-lg:    1.15rem;   /* 18.4px */
  --text-xl:    1.4rem;    /* 22.4px */
  --text-2xl:   1.75rem;   /* 28px   */
  --text-3xl:   2.2rem;    /* 35.2px */

  --leading-tight:  1.2;
  --leading-snug:   1.35;
  --leading-normal: 1.5;
  --leading-loose:  1.75;

  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* ── Bordas / radius ──────────────────────────────────────
     Sprint EH provavelmente vai pra --radius-none/edge (0/4px). */
  --radius-none: 0;
  --radius-xs:   2px;
  --radius-sm:   4px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   16px;
  --radius-full: 9999px;

  /* ── Sombras ──────────────────────────────────────────────
     Sprint EH provavelmente troca por borders (mais "honesto"). */
  --shadow-none: none;
  --shadow-xs:   0 1px 2px rgba(0,0,0,.04);
  --shadow-sm:   0 1px 2px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.08);
  --shadow-md:   0 4px 16px rgba(0,0,0,.1);
  --shadow-lg:   0 10px 30px rgba(0,0,0,.12);
  --shadow-focus: 0 0 0 3px rgba(64,145,108,.15);

  /* ── Motion ───────────────────────────────────────────────
     Sprint EH: trocar --ease-out por --ease-linear pra cara
     mais "engenharia". */
  --duration-instant: 0ms;
  --duration-fast:    100ms;
  --duration-base:    150ms;
  --duration-slow:    250ms;
  --duration-slower:  400ms;

  --ease-linear: linear;
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* ── Z-index — camadas ────────────────────────────────────
     Centraliza pra evitar números mágicos brigando. */
  --z-base:    0;
  --z-raised:  10;
  --z-sticky:  50;
  --z-sidebar: 100;
  --z-overlay: 500;
  --z-modal:   1000;
  --z-popover: 1500;
  --z-toast:   2000;
  --z-tooltip: 2500;

  /* ── Layout — primitivos ──────────────────────────────────
     Larguras / breakpoints internos. */
  --width-content-max: 1400px;
  --width-form-max:    640px;
  --width-modal-max:   720px;

  /* ── Acessibilidade — tap targets ─────────────────────────
     iOS HIG / Material recomendam 44px. */
  --tap-target-min: 44px;
}