/* =========================================================
   TUCANO VERDE — Tokens (cores, tipografia, espaço, sombra)
   =========================================================
   Paleta combinada, por decisão explícita do cliente/usuário:
   - Base "premium/discreta" (verde-floresta, cream) — já era a linha
     aprovada antes do material de marca do Tukão chegar.
   - Acento "street" (preto + verde-limão neon) — usado só em pontos
     específicos (mascote, seção "sobre a marca", badges/chips), não
     no site inteiro. Ver HANDOFF/README para o histórico da decisão.
   ========================================================= */

:root {
  /* ---- Verde-floresta (base, já aprovada) ---- */
  --color-forest-900: #0a2a1c;
  --color-forest-800: #12432f; /* = <meta theme-color> das páginas */
  --color-forest-700: #175a3e;
  --color-forest-600: #1f7350;
  --color-forest-500: #2c9166;
  --color-forest-100: #e3efe7;

  /* ---- Acento "street" (material Tukão) — uso pontual ---- */
  --color-ink: #101210;
  --color-ink-soft: #1b1f1c;
  --color-neon: #9fe032;
  --color-neon-dark: #7cb824;

  /* ---- Neutros / base ---- */
  --color-cream: #f7f5ee;
  --color-cream-deep: #efebdd;
  --color-surface: #ffffff;
  --color-text: #1c231f;
  --color-text-muted: #5b665f;
  --color-text-on-dark: #f2f4f1;
  --color-text-on-dark-muted: #aab3ac;
  --color-border: #e1ddcf;
  --color-border-dark: #2a2f2b;

  /* ---- Semânticos ---- */
  --color-primary: var(--color-forest-700);
  --color-primary-dark: var(--color-forest-800);
  --color-primary-light: var(--color-forest-500);
  --color-accent: var(--color-neon);
  --color-accent-dark: var(--color-neon-dark);
  --color-danger: #c6432b;
  --color-danger-bg: #fbeae7;
  --color-warning: #a8710a;
  --color-warning-bg: #fff4de;
  --color-bg: var(--color-cream);
  --color-surface-alt: var(--color-cream-deep);

  /* ---- Tipografia ---- */
  --font-display: 'Sora', system-ui, -apple-system, sans-serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;

  /* ---- Espaçamento (escala 4px) ---- */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* ---- Raio / sombra ---- */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 999px;
  --shadow-sm: 0 1px 2px rgba(16, 18, 16, 0.08);
  --shadow-md: 0 8px 24px rgba(16, 18, 16, 0.12);
  --shadow-lg: 0 20px 48px rgba(16, 18, 16, 0.2);
  --shadow-neon: 0 0 0 3px rgba(159, 224, 50, 0.35);

  /* ---- Layout ---- */
  --container-max: 1280px;

  /* ---- Camadas ---- */
  --z-header: 100;
  --z-drawer: 200;
  --z-age-gate: 500;
  --z-toast: 400;
}