/* AdvoTrack — landing page. Design system "Noturna: tinta, vinho e latão".
   Variáveis como no painel (web/app/globals.css); o vinho é o mesmo acento. 27/10/2026. */
:root {
  color-scheme: dark;

  /* Tinta (fundos e superfícies) */
  --ink-950: #0A0E1A;
  --ink-900: #0F1526;
  --ink-800: #161E33;
  --ink-700: #1F2A45;
  --ink-600: #2B3858;

  /* Vinho (herdado do painel: --accent 110 30 44) */
  --wine-700: #4A1420;
  --wine-500: #6E1E2C;
  --wine-400: #8E2F42;
  --wine-300: #D07C8B;

  /* Latão */
  --brass-600: #8C6E36;
  --brass-500: #B08D4B;
  --brass-400: #CDAE68;
  --brass-300: #E2C98A;

  /* Papel (texto) */
  --paper: #F3EDE2;
  --paper-muted: #B8B2A6;
  --paper-dim: #7E7A72;

  --ok: #5FA37A;
  --err: #D9646C;

  /* Vidro */
  --glass-fill: rgba(243, 237, 226, 0.06);
  --glass-fill-strong: rgba(243, 237, 226, 0.09);
  --glass-line: rgba(243, 237, 226, 0.14);
  --glass-brass: rgba(205, 174, 104, 0.35);
  --inner-glass: inset 0 1px 0 rgba(243, 237, 226, 0.12);

  /* Sombras e brilhos */
  --sh-1: 0 1px 2px rgba(0, 0, 0, 0.4);
  --sh-2: 0 12px 32px -12px rgba(0, 0, 0, 0.6);
  --sh-3: 0 32px 64px -24px rgba(0, 0, 0, 0.7);
  --glow-brass: 0 0 0 1px rgba(205, 174, 104, 0.25), 0 0 40px -10px rgba(205, 174, 104, 0.35);
  --glow-wine: 0 0 60px -20px rgba(142, 47, 66, 0.6);

  /* Tipografia */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-0: clamp(0.9375rem, 0.9rem + 0.2vw, 1.0625rem);
  --fs-1: clamp(1.125rem, 1rem + 0.4vw, 1.25rem);
  --fs-2: clamp(1.375rem, 1.2rem + 0.8vw, 1.625rem);
  --fs-3: clamp(1.75rem, 1.4rem + 1.5vw, 2.25rem);
  --fs-4: clamp(2.25rem, 1.6rem + 2.8vw, 3.25rem);
  --fs-5: clamp(2.75rem, 1.8rem + 4.5vw, 4.5rem);
  --fs-num: clamp(2.5rem, 1.8rem + 3.2vw, 4rem);
  --lh-tight: 1.08;
  --lh-body: 1.55;
  --track-display: -0.02em;
  --track-label: 0.12em;

  /* Espaço e forma */
  --sp-1: 0.25rem; --sp-2: 0.5rem; --sp-3: 0.75rem; --sp-4: 1rem; --sp-5: 1.25rem;
  --sp-6: 1.5rem; --sp-8: 2rem; --sp-10: 2.5rem; --sp-12: 3rem; --sp-16: 4rem; --sp-24: 6rem;
  --section-y: clamp(4rem, 8vw, 8rem);
  --container: min(1120px, 92vw);
  --measure: 62ch;
  --r-sm: 6px; --r-md: 12px; --r-lg: 20px; --r-xl: 28px;
  --r-bubble: 24px 24px 24px 6px;
  --r-pill: 999px;

  /* Movimento */
  --t-fast: 160ms; --t-base: 280ms; --t-slow: 600ms; --t-reveal: 800ms; --t-flip: 700ms;
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --t-fast: 0ms; --t-base: 0ms; --t-slow: 0ms; --t-reveal: 0ms; --t-flip: 0ms;
  }
}