/* ============================================================
   GAIA COLIBRI — DESIGN SYSTEM (Editorial Luminoso)
   Tokens compartilhados. Nunca usar hex solto fora deste arquivo.
   ============================================================ */

:root {
  /* ---------- COR ---------- */
  /* Tinta escura institucional (verde-preto profundo, NÃO preto puro — preserva calor) */
  --ink:        #0E1410;   /* bg principal escuro */
  --ink-2:      #161D18;   /* card escuro / 2ª camada */
  --ink-3:      #1E2620;   /* 3ª camada / hover dark */

  /* Bone — fundo claro quente (neutro com leve creme) */
  --bone:       #F4F1EA;   /* bg principal claro */
  --bone-2:     #EDE8DD;   /* alternância suave */
  --bone-3:     #E2DCCC;   /* divisórias claras */

  /* Verdes Gaia (mantidos) */
  --moss:       #6B745C;   /* verde-oliva da marca */
  --moss-deep:  #2F3A2F;   /* verde escuro */
  --moss-soft:  #D9DDCE;   /* verde claro pastel */

  /* Sage — verde luminoso vivo (acento futurista quente) */
  --sage:       #A8B59A;   /* destaque vivo */
  --sage-glow:  #C4D0B5;   /* glow / focus */

  /* Gold fosco (badges, dados, números editoriais) */
  --gold:       #C8A96A;   /* sobre fundos escuros (--ink) */
  --gold-soft:  #E2CC9E;   /* números editoriais grandes em dark */
  --gold-deep:  #7C5E26;   /* sobre fundos claros (--bone) — contraste 5.34:1 WCAG AA */

  /* ---------- TEXTO ---------- */
  --text-on-ink:        #F4F1EA;
  --text-on-ink-strong: #FFFFFF;
  --text-on-ink-muted:  rgba(244, 241, 234, 0.65);
  --text-on-ink-faint:  rgba(244, 241, 234, 0.40);

  --text-on-bone:        #1A2018;
  --text-on-bone-strong: #0E1410;
  --text-on-bone-muted:  #5A6358;
  --text-on-bone-faint:  #8A9286;

  /* ---------- LINHAS / BORDAS ---------- */
  --line-on-ink:    rgba(244, 241, 234, 0.10);
  --line-on-ink-2:  rgba(244, 241, 234, 0.18);
  --line-on-bone:   rgba(14, 20, 16, 0.08);
  --line-on-bone-2: rgba(14, 20, 16, 0.16);
  --line-sage:      rgba(168, 181, 154, 0.32);

  /* ---------- VIDRO / GLASS ---------- */
  --glass-dark:     rgba(14, 20, 16, 0.55);
  --glass-light:    rgba(244, 241, 234, 0.06);
  --glass-stroke:   rgba(244, 241, 234, 0.10);

  /* ---------- SOMBRAS ---------- */
  --shadow-sm:  0 2px 8px rgba(14, 20, 16, 0.04);
  --shadow-md:  0 12px 32px rgba(14, 20, 16, 0.08);
  --shadow-lg:  0 28px 64px rgba(14, 20, 16, 0.14);
  --shadow-glow: 0 0 0 1px var(--line-sage), 0 24px 60px rgba(168, 181, 154, 0.18);

  /* ---------- TIPOGRAFIA ---------- */
  --font-display: "Fraunces", "Times New Roman", Georgia, serif;
  --font-sans:    "Inter Tight", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  /* Escala tipográfica modular */
  --fs-12: 0.75rem;
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-32: 2rem;
  --fs-40: 2.5rem;
  --fs-56: 3.5rem;
  --fs-72: 4.5rem;
  --fs-96: 6rem;
  --fs-128: 8rem;

  --lh-tight:  1.05;
  --lh-snug:   1.2;
  --lh-base:   1.55;
  --lh-loose:  1.75;

  /* ---------- ESPAÇAMENTO (múltiplos de 4) ---------- */
  --s-1:  4px;
  --s-2:  8px;
  --s-3:  12px;
  --s-4:  16px;
  --s-5:  24px;
  --s-6:  32px;
  --s-7:  48px;
  --s-8:  64px;
  --s-9:  96px;
  --s-10: 128px;

  /* ---------- RAIO ---------- */
  --r-xs:   4px;
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   20px;
  --r-xl:   28px;
  --r-pill: 999px;

  /* ---------- MOTION ---------- */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-soft:   cubic-bezier(0.4, 0, 0.2, 1);

  --t-fast:  180ms;
  --t-base:  280ms;
  --t-slow:  480ms;
  --t-flow:  720ms;

  /* ---------- LAYOUT ---------- */
  --container: 1200px;
  --container-narrow: 960px;
  --container-wide:   1360px;
  --nav-h: 76px;
}

/* Preferência de movimento reduzido — respeitar */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}