/* Momentum Mídia — gerado de tokens.json */
@font-face { font-family: "Archivo Expanded"; src: url("../fonts/ArchivoExpanded-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("../fonts/Archivo-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist Mono"; src: url("../fonts/GeistMono-Variable.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }

:root, [data-theme="claro"] {
  --surface: #FFFFFF;
  --surface-raised: #FFFFFF;
  --surface-sunken: #F3F3F2;
  --line: #E4E4E2;
  --ink: #0A0A0A;
  --ink-muted: #5E5E5E;
  --preto: #0A0A0A;
  --branco: #FFFFFF;
  --cinza: #8A8A8A;
  --bloco: var(--ink);
  --on-bloco: var(--surface);
  --ok: #1F7A4D;
  --erro: #C0262D;
  --focus-ring: var(--ink);
  --sombra-1: 0 1px 2px rgba(10,10,10,0.06), 0 8px 24px rgba(10,10,10,0.06);
  --sombra-2: 0 2px 4px rgba(10,10,10,0.06), 0 24px 56px rgba(10,10,10,0.14);
}
[data-theme="escuro"] {
  --surface: #0A0A0A;
  --surface-raised: #141414;
  --surface-sunken: #050505;
  --line: #2B2B2B;
  --ink: #F5F5F5;
  --ink-muted: #A6A6A6;
  --preto: #0A0A0A;
  --branco: #FFFFFF;
  --cinza: #8A8A8A;
  --bloco: var(--ink);
  --on-bloco: var(--surface);
  --ok: #4CC98B;
  --erro: #FF6B6B;
  --focus-ring: var(--ink);
  --sombra-1: 0 1px 2px rgba(0,0,0,0.5), 0 10px 28px rgba(0,0,0,0.5);
  --sombra-2: 0 2px 4px rgba(0,0,0,0.5), 0 28px 64px rgba(0,0,0,0.6);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="claro"]) {
  --surface: #0A0A0A;
  --surface-raised: #141414;
  --surface-sunken: #050505;
  --line: #2B2B2B;
  --ink: #F5F5F5;
  --ink-muted: #A6A6A6;
  --preto: #0A0A0A;
  --branco: #FFFFFF;
  --cinza: #8A8A8A;
  --bloco: var(--ink);
  --on-bloco: var(--surface);
  --ok: #4CC98B;
  --erro: #FF6B6B;
  --focus-ring: var(--ink);
  --sombra-1: 0 1px 2px rgba(0,0,0,0.5), 0 10px 28px rgba(0,0,0,0.5);
  --sombra-2: 0 2px 4px rgba(0,0,0,0.5), 0 28px 64px rgba(0,0,0,0.6);
    color-scheme: dark;
  }
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --font-display: "Archivo Expanded", "Arial Black", Arial, sans-serif;
  --font-texto: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
}
.display-xl { font-family: var(--font-display); font-size: 64px; line-height: 1.0; font-weight: 800; letter-spacing: -0.025em; }
.display-l { font-family: var(--font-display); font-size: 42px; line-height: 1.05; font-weight: 800; letter-spacing: -0.02em; }
.titulo { font-family: var(--font-display); font-size: 22px; line-height: 1.2; font-weight: 700; letter-spacing: -0.01em; }
.subtitulo { font-family: var(--font-texto); font-size: 20px; line-height: 1.35; font-weight: 500; }
.lead { font-family: var(--font-texto); font-size: 19px; line-height: 29px; font-weight: 400; }
.corpo { font-family: var(--font-texto); font-size: 16px; line-height: 26px; font-weight: 400; }
.pequeno { font-family: var(--font-texto); font-size: 14px; line-height: 20px; font-weight: 400; }
.rotulo { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.08em; }
.numero { font-family: var(--font-mono); font-size: 24px; line-height: 28px; font-weight: 500; }