/* === Design Tokens === */
/* Direção: "Elegância com substância" — editorial premium, dark-first, autoridade */
/* Paleta: preto profundo + grafite + dourado discreto. Sem branco. */

:root {
  /* === Cores === */
  /* Base preta */
  --color-bg:            #0a0907;       /* preto profundo, levemente quente */
  --color-bg-elev:       #121110;       /* superfícies elevadas (cards) */
  --color-bg-elev-2:     #1a1816;       /* segundo nível (hover, inputs) */
  --color-bg-deep:       #050403;       /* preto absoluto para inversões */

  /* Tipografia (textos sobre o preto) */
  --color-ink:           #ede8df;       /* off-cream — quente, jamais branco puro */
  --color-ink-soft:      #c9c2b4;
  --color-ink-mute:      #8a8377;       /* corpo secundário, captions */
  --color-ink-faint:     #5e574c;

  /* Linhas & contornos */
  --color-line:          rgba(237,232,223,0.10);
  --color-line-strong:   rgba(237,232,223,0.20);
  --color-line-glow:     rgba(164,130,60,0.30);

  /* Acento — dourado (autoridade, não ostentação) */
  --color-accent:        #c2a361;       /* dourado claro principal */
  --color-accent-soft:   #d9c08a;
  --color-accent-deep:   #8a6c2f;
  --color-accent-glow:   rgba(194,163,97,0.25);

  /* Acento secundário — azul profundo institucional */
  --color-deep-blue:     #1a2a3a;

  /* Aliases para componentes que pensavam "claro" */
  --color-ink-inv:       var(--color-bg);   /* texto em fundos claros raros */
  --color-ink-inv-mute:  var(--color-ink-mute);

  /* === Tipografia === */
  --font-serif: "Cormorant Garamond", "Source Serif Pro", "Iowan Old Style", Georgia, serif;
  --font-sans:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono:  "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --fs-display:  clamp(3rem, 1.8rem + 5.5vw, 7.25rem);
  --fs-h1:       clamp(2.25rem, 1.4rem + 3.6vw, 4.5rem);
  --fs-h2:       clamp(1.75rem, 1.15rem + 2.4vw, 3rem);
  --fs-h3:       clamp(1.25rem, 1rem + 1.1vw, 1.75rem);
  --fs-eyebrow:  0.75rem;
  --fs-body-lg:  clamp(1.125rem, 1rem + 0.4vw, 1.3125rem);
  --fs-body:     1.0625rem;
  --fs-small:    0.9375rem;
  --fs-micro:    0.8125rem;

  --lh-display:  0.95;
  --lh-tight:    1.08;
  --lh-snug:     1.25;
  --lh-body:     1.65;
  --lh-relaxed:  1.8;

  --tracking-eyebrow: 0.22em;
  --tracking-tight:   -0.02em;
  --tracking-display: -0.035em;

  /* === Layout === */
  --container:         1280px;
  --container-narrow:  920px;
  --container-reading: 680px;
  --gutter:            clamp(1.25rem, 4vw, 3rem);

  --s-1:  0.25rem;
  --s-2:  0.5rem;
  --s-3:  0.75rem;
  --s-4:  1rem;
  --s-5:  1.5rem;
  --s-6:  2rem;
  --s-7:  3rem;
  --s-8:  4.5rem;
  --s-9:  6rem;
  --s-10: 9rem;
  --s-11: 12rem;

  --section-y: clamp(5rem, 4rem + 6vw, 9rem);

  --r-sm: 4px;
  --r-md: 10px;
  --r-lg: 18px;
  --r-pill: 999px;

  /* === Shadows — agora glow dourado e sombras pretas profundas === */
  --shadow-sm:  0 1px 2px rgba(0,0,0,0.6), 0 2px 6px rgba(0,0,0,0.45);
  --shadow-md:  0 6px 18px rgba(0,0,0,0.55), 0 18px 48px rgba(0,0,0,0.45);
  --shadow-lg:  0 18px 60px rgba(0,0,0,0.65), 0 40px 120px rgba(0,0,0,0.55);
  --glow-accent: 0 0 0 1px rgba(194,163,97,0.20), 0 8px 28px rgba(194,163,97,0.15);

  /* === Motion === */
  --ease-out-quint: cubic-bezier(.23,1,.32,1);
  --ease-out-expo:  cubic-bezier(.16,1,.3,1);
  --ease-in-out:    cubic-bezier(.65,.05,.36,1);

  --t-fast: 180ms;
  --t-base: 320ms;
  --t-slow: 720ms;
  --t-reveal: 1100ms;
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}