/* Habitué — tokens de design. Cópia de marca/tokens.css (gerado de design-system/project/tokens.json): o site publicado só tem sistema/, então as páginas da casa levam a própria cópia. Para mudar, edite a origem e copie de novo.
   Tema claro é o padrão; o escuro vale com data-theme="dark" no <html>
   ou pela preferência do sistema quando não há data-theme="light". */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap");

:root {
  --marca-azul-profundo: #080F21;
  --marca-azul-royal: #2454FF;
  --marca-ciano: #00D5E8;
  --marca-violeta: #8338EC;
  --marca-branco-nuvem: #F5F7FC;
  --fundo: #F5F7FC;
  --superficie: #FFFFFF;
  --superficie-elevada: #FFFFFF;
  --superficie-sutil: #EEF2FA;
  --linha: #E2E7F2;
  --linha-controle: #8A94AD;
  --texto: #080F21;
  --texto-suave: #5A6278;
  --primaria: #2454FF;
  --primaria-hover: #1A43E0;
  --sobre-primaria: #FFFFFF;
  --link: #2454FF;
  --primaria-suave: #E8EEFF;
  --foco: #2454FF;
  --violeta: #8338EC;
  --violeta-suave: #F1E9FE;
  --sucesso: #0F7A4A;
  --sucesso-suave: #E3F6EC;
  --atencao: #9A5B00;
  --atencao-suave: #FFF1D6;
  --erro: #C8283C;
  --erro-suave: #FDE7EA;
  --menu-fundo: #080F21;
  --menu-texto: #C9D1E6;
  --sombra-cartao: 0 1px 2px rgba(8,15,33,0.05), 0 4px 16px rgba(8,15,33,0.04);
  --sombra-flutuante: 0 12px 32px rgba(8,15,33,0.14);
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 12px;
  --espaco-4: 16px;
  --espaco-5: 24px;
  --espaco-6: 32px;
  --espaco-7: 48px;
  --espaco-8: 64px;
  --raio-sm: 8px;
  --raio-md: 12px;
  --raio-lg: 16px;
  --raio-xl: 24px;
  --raio-total: 999px;
  --font-display: Manrope, "Segoe UI", system-ui, sans-serif;
  --font-texto: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --marca-azul-profundo: #080F21;
    --marca-azul-royal: #2454FF;
    --marca-ciano: #00D5E8;
    --marca-violeta: #8338EC;
    --marca-branco-nuvem: #F5F7FC;
    --fundo: #080F21;
    --superficie: #0F1830;
    --superficie-elevada: #16213F;
    --superficie-sutil: #121C36;
    --linha: #24304F;
    --linha-controle: #5A6890;
    --texto: #F5F7FC;
    --texto-suave: #A3ACC2;
    --primaria: #2454FF;
    --primaria-hover: #3D66FF;
    --sobre-primaria: #FFFFFF;
    --link: #7C98FF;
    --primaria-suave: #17224A;
    --foco: #7C98FF;
    --violeta: #B48CFF;
    --violeta-suave: #241640;
    --sucesso: #4ADE9A;
    --sucesso-suave: #0E2A22;
    --atencao: #FFC266;
    --atencao-suave: #33240A;
    --erro: #FF8A99;
    --erro-suave: #3A1219;
    --menu-fundo: #060B18;
    --menu-texto: #C9D1E6;
    --sombra-cartao: 0 1px 2px rgba(0,0,0,0.4);
    --sombra-flutuante: 0 12px 32px rgba(0,0,0,0.55);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --marca-azul-profundo: #080F21;
  --marca-azul-royal: #2454FF;
  --marca-ciano: #00D5E8;
  --marca-violeta: #8338EC;
  --marca-branco-nuvem: #F5F7FC;
  --fundo: #080F21;
  --superficie: #0F1830;
  --superficie-elevada: #16213F;
  --superficie-sutil: #121C36;
  --linha: #24304F;
  --linha-controle: #5A6890;
  --texto: #F5F7FC;
  --texto-suave: #A3ACC2;
  --primaria: #2454FF;
  --primaria-hover: #3D66FF;
  --sobre-primaria: #FFFFFF;
  --link: #7C98FF;
  --primaria-suave: #17224A;
  --foco: #7C98FF;
  --violeta: #B48CFF;
  --violeta-suave: #241640;
  --sucesso: #4ADE9A;
  --sucesso-suave: #0E2A22;
  --atencao: #FFC266;
  --atencao-suave: #33240A;
  --erro: #FF8A99;
  --erro-suave: #3A1219;
  --menu-fundo: #060B18;
  --menu-texto: #C9D1E6;
  --sombra-cartao: 0 1px 2px rgba(0,0,0,0.4);
  --sombra-flutuante: 0 12px 32px rgba(0,0,0,0.55);
  color-scheme: dark;
}