/* ============================================
   ADFIB — Design Tokens (DARK)
   Tema escuro: verde profundo de base, acentos neon
   (lime/cyan/yellow) inspirados no site atual.
   Mude as semantic tokens no fim = muda tudo.
   ============================================ */

:root {
  /* ---------- VERDE — escala (mantida) ---------- */
  --green-980: #04130C;   /* base profundíssima */
  --green-960: #07190F;
  --green-940: #0A2014;
  --green-920: #0E2A1B;
  --green-900: #112F1F;
  --green-800: #16412B;
  --green-700: #1F5F3F;
  --green-600: #2C7250;
  --green-500: #3F8A63;
  --green-400: #6BA589;
  --green-300: #9CC2AE;
  --green-200: #C8DBCE;
  --green-100: #E0EAE2;
  --green-50:  #EEF4EE;

  /* ---------- ACENTOS NEON (signature) ---------- */
  --lime-500:  #4ADE80;   /* ativo / horário cedo */
  --lime-400:  #5DEC8E;
  --lime-300:  #8AF5AC;
  --cyan-500:  #4FE3D5;   /* ensaio / louvor */
  --yellow-500:#F4D35E;   /* especial / data marcante */

  /* ---------- NEUTROS (claros para texto sobre dark) ---------- */
  --cream-50:  #F5F2EA;   /* texto principal em dark */
  --cream-100: #ECE7D8;
  --stone-300: #B7BAB4;
  --stone-400: #8E928C;
  --stone-500: #6B6F6A;
  --stone-700: #3A3F3B;
  --ink-900:   #0A0F0C;

  /* ---------- ACENTO DOURADO (sutil) ---------- */
  --gold-700:  #8C6420;
  --gold-600:  #B0832E;
  --gold-500:  #C99A47;
  --gold-300:  #E5CB8B;
  --gold-100:  #F2E5C2;

  /* Estados */
  --success: #4ADE80;
  --danger:  #F87171;
  --info:    #60A5FA;

  /* ---------- TOKENS SEMÂNTICOS (DARK) ---------- */
  --bg:            var(--green-980);   /* página */
  --bg-alt:        var(--green-960);   /* card alt */
  --bg-elevated:   var(--green-940);   /* surface elevada */
  --bg-deep:       #02080A;
  --bg-brand:      var(--green-700);
  --bg-brand-soft: rgba(63, 138, 99, 0.08);

  --fg:            var(--cream-50);          /* títulos */
  --fg-body:       rgba(245, 242, 234, 0.78); /* corpo */
  --fg-muted:      rgba(245, 242, 234, 0.55); /* meta */
  --fg-subtle:     rgba(245, 242, 234, 0.38); /* placeholder */
  --fg-on-brand:   var(--ink-900);            /* texto sobre lime/yellow/cyan */

  --brand:         var(--lime-500);           /* acento principal */
  --brand-hover:   var(--lime-400);
  --brand-soft:    rgba(74, 222, 128, 0.10);
  --accent:        var(--lime-500);
  --accent-warm:   var(--yellow-500);
  --accent-cool:   var(--cyan-500);

  --border:        rgba(245, 242, 234, 0.10);
  --border-soft:   rgba(245, 242, 234, 0.06);
  --border-strong: rgba(245, 242, 234, 0.18);
  --line:          var(--border);
  --line-soft:     var(--border-soft);

  /* ---------- TIPOGRAFIA MINIMALISTA ---------- */
  /* Inter Tight ou Inter como sans principal (peso baixo)
     + Fraunces SOMENTE em hero/quote, em weight 300 (light) */
  --font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-sans:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Escala fluida — pesos enxutos */
  --fs-eyebrow: 0.7rem;
  --fs-xs:      0.8125rem;
  --fs-sm:      0.9375rem;
  --fs-base:    1.0625rem;
  --fs-lg:      1.1875rem;
  --fs-xl:      clamp(1.375rem, 1.2rem + 0.6vw, 1.625rem);
  --fs-2xl:     clamp(1.75rem, 1.5rem + 1vw, 2.25rem);
  --fs-3xl:     clamp(2rem, 1.6rem + 1.6vw, 2.75rem);
  --fs-4xl:     clamp(2.5rem, 1.8rem + 2.6vw, 3.75rem);
  --fs-5xl:     clamp(3rem, 2rem + 4vw, 5rem);
  --fs-display: clamp(3.25rem, 2rem + 5.5vw, 6.5rem);

  --lh-tight:   1.05;
  --lh-snug:    1.18;
  --lh-normal:  1.45;
  --lh-relaxed: 1.65;

  --tracking-tight:  -0.025em;
  --tracking-snug:   -0.015em;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-eyebrow: 0.22em;

  /* ---------- ESPAÇAMENTOS ---------- */
  --space-2xs:  0.25rem;
  --space-xs:   0.5rem;
  --space-sm:   0.75rem;
  --space-md:   1rem;
  --space-lg:   1.5rem;
  --space-xl:   2rem;
  --space-2xl:  3rem;
  --space-3xl:  4.5rem;
  --space-4xl:  6.5rem;
  --space-5xl:  9rem;

  --section-y:        clamp(4rem, 6vw, 7.5rem);
  --section-y-tight:  clamp(2.5rem, 4vw, 4.5rem);

  /* ---------- RAIOS ---------- */
  --radius-xs:  3px;
  --radius-sm:  6px;
  --radius-md:  10px;
  --radius-lg:  16px;
  --radius-xl:  24px;
  --radius-2xl: 32px;
  --radius-full: 999px;

  /* ---------- SOMBRAS (dark — glow sutil) ---------- */
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 28px rgba(0, 0, 0, 0.45), 0 2px 6px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.55), 0 6px 16px rgba(0, 0, 0, 0.35);
  --shadow-xl: 0 40px 96px rgba(0, 0, 0, 0.6),  0 12px 28px rgba(0, 0, 0, 0.35);
  --shadow-glow-lime: 0 0 32px rgba(74, 222, 128, 0.18);
  --shadow-glow-cyan: 0 0 32px rgba(79, 227, 213, 0.18);
  --shadow-glow-gold: 0 0 32px rgba(176, 131, 46, 0.20);

  /* ---------- LARGURAS ---------- */
  --container-narrow:  44rem;
  --container-default: 72rem;
  --container-wide:    84rem;
  --container-full:    96rem;

  --gutter:        clamp(1.25rem, 4vw, 2.5rem);
  --header-h:      78px;
  --header-h-tight: 64px;
  --preheader-h:   38px;

  /* ---------- TRANSITIONS ---------- */
  --ease-out:      cubic-bezier(0.22, 1, 0.36, 1);
  --transition-fast:    160ms var(--ease-out);
  --transition-default: 240ms var(--ease-out);
  --transition-slow:    420ms var(--ease-out);

  /* ---------- Z-INDEX ---------- */
  --z-base: 1; --z-sticky: 50; --z-header: 100;
  --z-drawer: 200; --z-overlay: 300; --z-modal: 400;
}

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