/* GERADO por design/build-tokens.mjs a partir de design/tokens.json. NAO EDITE. */

:root {
  --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-etiqueta: 4px;
  --raio-controle: 12px;
  --raio-card: 16px;
  --raio-botao: 16px;
  --raio-folha: 20px;
  --raio-pilula: 999px;
  --toque-minimo: 48px;
  --toque-botao: 56px;
  --layout-compacto: 600px;
  --layout-medio: 840px;
  --layout-largura-maxima-de-conteudo: 600px;
  --layout-largura-de-campo-curto: 200px;
  --movimento-rapida: 120ms;
  --movimento-normal: 200ms;
  --movimento-lenta: 320ms;
  --foco-largura: 2px;
  --foco-folga: 2px;
  --foco-cor: var(--cor-marca-escura);

  --fonte-display: 'Archivo Variable', "Archivo", sans-serif;
  --fonte-corpo: 'Asap Variable', "Asap", sans-serif;
  --fonte-mono: 'Azeret Mono Variable', "Azeret Mono", monospace;

  --texto-marca-fonte: var(--fonte-display);
  --texto-marca-tamanho: 40px;
  --texto-marca-peso: 700;
  --texto-marca-altura: 1.1;
  --texto-marca-espacamento: -0.02em;
  --texto-tela-fonte: var(--fonte-display);
  --texto-tela-tamanho: 32px;
  --texto-tela-peso: 700;
  --texto-tela-altura: 1.08;
  --texto-tela-espacamento: -0.026em;
  --texto-secao-fonte: var(--fonte-display);
  --texto-secao-tamanho: 22px;
  --texto-secao-peso: 600;
  --texto-secao-altura: 1.26;
  --texto-secao-espacamento: -0.015em;
  --texto-titulo-card-fonte: var(--fonte-display);
  --texto-titulo-card-tamanho: 18px;
  --texto-titulo-card-peso: 600;
  --texto-titulo-card-altura: 1.3;
  --texto-titulo-card-espacamento: 0;
  --texto-botao-fonte: var(--fonte-display);
  --texto-botao-tamanho: 18px;
  --texto-botao-peso: 700;
  --texto-botao-altura: 1.2;
  --texto-botao-espacamento: 0;
  --texto-corpo-fonte: var(--fonte-corpo);
  --texto-corpo-tamanho: 17px;
  --texto-corpo-peso: 400;
  --texto-corpo-altura: 1.55;
  --texto-corpo-espacamento: 0;
  --texto-corpo-forte-fonte: var(--fonte-corpo);
  --texto-corpo-forte-tamanho: 17px;
  --texto-corpo-forte-peso: 600;
  --texto-corpo-forte-altura: 1.55;
  --texto-corpo-forte-espacamento: 0;
  --texto-apoio-fonte: var(--fonte-corpo);
  --texto-apoio-tamanho: 15px;
  --texto-apoio-peso: 400;
  --texto-apoio-altura: 1.5;
  --texto-apoio-espacamento: 0;
  --texto-rotulo-campo-fonte: var(--fonte-corpo);
  --texto-rotulo-campo-tamanho: 15px;
  --texto-rotulo-campo-peso: 500;
  --texto-rotulo-campo-altura: 1.4;
  --texto-rotulo-campo-espacamento: 0;
  --texto-rotulo-fonte: var(--fonte-display);
  --texto-rotulo-tamanho: 13px;
  --texto-rotulo-peso: 600;
  --texto-rotulo-altura: 1.2;
  --texto-rotulo-espacamento: 0.07em;
  --texto-rotulo-caixa: alta;

  --cor-marca: #A6371C;
  --cor-marca-escura: #6E2210;
  --cor-marca-clara: #F6E5DC;
  --cor-marca-sobre: #8E2E17;
  --cor-fundo: #FBF6F2;
  --cor-fundo-fim: #F8ECE5;
  --cor-superficie: #FFFCFA;
  --cor-superficie-elevada: #FFFCFA;
  --cor-texto: #241611;
  --cor-texto-suave: #6B5449;
  --cor-borda: #DBC9BE;
  --cor-borda-forte: #8E7364;
  --cor-sucesso: #1F6A47;
  --cor-atencao: #8A5A00;
  --cor-perigo: #B02A19;
  --cor-informacao: #1D5A76;
  --cor-vidro: rgba(255,252,250,0.88);
  --cor-veu: rgba(36,22,17,0.45);
  --cor-sobre-escuro: #FBF6F2;
  --cor-sobre-escuro-suave: rgba(251,246,242,0.72);
  --cor-sobre-escuro-borda: rgba(251,246,242,0.18);
  --cor-sobre-marca: #FBF6F2;
  --cor-faixa-escura: #241611;
  --sombra-repouso: 0 1px 2px rgba(36,22,17,0.07), 0 10px 24px -8px rgba(36,22,17,0.16);
  --sombra-elevada: 0 1px 2px rgba(36,22,17,0.07), 0 20px 44px -12px rgba(36,22,17,0.20);
  color-scheme: light;
}

/* Segue o sistema operacional por padrão. NUNCA por horário: quem escolheu
   claro às 22h escolheu claro. */
@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
  --cor-marca: #F0836A;
  --cor-marca-escura: #F59A85;
  --cor-marca-clara: #33201B;
  --cor-marca-sobre: #F59A85;
  --cor-fundo: #181110;
  --cor-fundo-fim: #231714;
  --cor-superficie: #241A17;
  --cor-superficie-elevada: #2E211D;
  --cor-texto: #F5EAE4;
  --cor-texto-suave: #C4AFA4;
  --cor-borda: #43322C;
  --cor-borda-forte: #8E7265;
  --cor-sucesso: #6ECF9E;
  --cor-atencao: #E0B056;
  --cor-perigo: #F58C7C;
  --cor-informacao: #7FC0DE;
  --cor-vidro: rgba(36,26,23,0.88);
  --cor-veu: rgba(10,6,5,0.62);
  --cor-sobre-escuro: #F5EAE4;
  --cor-sobre-escuro-suave: rgba(245,234,228,0.72);
  --cor-sobre-escuro-borda: rgba(245,234,228,0.14);
  --cor-sobre-marca: #241611;
  --cor-faixa-escura: #0F0A09;
  --sombra-repouso: none;
  --sombra-elevada: none;
    color-scheme: dark;
  }
}

/* Chave manual do ajuste — vence o sistema nos DOIS sentidos. Sem o bloco
   "claro" abaixo, quem forçasse claro num sistema escuro não conseguiria. */
:root[data-tema="escuro"] {
  --cor-marca: #F0836A;
  --cor-marca-escura: #F59A85;
  --cor-marca-clara: #33201B;
  --cor-marca-sobre: #F59A85;
  --cor-fundo: #181110;
  --cor-fundo-fim: #231714;
  --cor-superficie: #241A17;
  --cor-superficie-elevada: #2E211D;
  --cor-texto: #F5EAE4;
  --cor-texto-suave: #C4AFA4;
  --cor-borda: #43322C;
  --cor-borda-forte: #8E7265;
  --cor-sucesso: #6ECF9E;
  --cor-atencao: #E0B056;
  --cor-perigo: #F58C7C;
  --cor-informacao: #7FC0DE;
  --cor-vidro: rgba(36,26,23,0.88);
  --cor-veu: rgba(10,6,5,0.62);
  --cor-sobre-escuro: #F5EAE4;
  --cor-sobre-escuro-suave: rgba(245,234,228,0.72);
  --cor-sobre-escuro-borda: rgba(245,234,228,0.14);
  --cor-sobre-marca: #241611;
  --cor-faixa-escura: #0F0A09;
  --sombra-repouso: none;
  --sombra-elevada: none;
  color-scheme: dark;
}

:root[data-tema="claro"] {
  --cor-marca: #A6371C;
  --cor-marca-escura: #6E2210;
  --cor-marca-clara: #F6E5DC;
  --cor-marca-sobre: #8E2E17;
  --cor-fundo: #FBF6F2;
  --cor-fundo-fim: #F8ECE5;
  --cor-superficie: #FFFCFA;
  --cor-superficie-elevada: #FFFCFA;
  --cor-texto: #241611;
  --cor-texto-suave: #6B5449;
  --cor-borda: #DBC9BE;
  --cor-borda-forte: #8E7364;
  --cor-sucesso: #1F6A47;
  --cor-atencao: #8A5A00;
  --cor-perigo: #B02A19;
  --cor-informacao: #1D5A76;
  --cor-vidro: rgba(255,252,250,0.88);
  --cor-veu: rgba(36,22,17,0.45);
  --cor-sobre-escuro: #FBF6F2;
  --cor-sobre-escuro-suave: rgba(251,246,242,0.72);
  --cor-sobre-escuro-borda: rgba(251,246,242,0.18);
  --cor-sobre-marca: #FBF6F2;
  --cor-faixa-escura: #241611;
  --sombra-repouso: 0 1px 2px rgba(36,22,17,0.07), 0 10px 24px -8px rgba(36,22,17,0.16);
  --sombra-elevada: 0 1px 2px rgba(36,22,17,0.07), 0 20px 44px -12px rgba(36,22,17,0.20);
  color-scheme: light;
}