/* EYON Reciclagem: gerado de tokens.json. Não edite à mão. */

:root, [data-theme="light"] {
  --roxo: #3c115a;
  --roxo-forte: #2a0b40;
  --on-roxo: #ffffff;
  --lilas: #ddc1e4;
  --verde: #00843c;
  --verde-forte: #006b31;
  --on-verde: #ffffff;
  --verde-claro: #e6f3de;
  --verde-texto: #006b31;
  --ouro: #fcb40c;
  --on-ouro: #2a1a00;
  --superficie: #ffffff;
  --superficie-2: #f7f4f9;
  --tinta: #241430;
  --tinta-suave: #5e5168;
  --borda: #e4dcea;
  --borda-controle: #7a5a8c;
  --foco: var(--roxo);
  --alerta: #b54708;
  --alerta-claro: #fdf0e3;
  --erro: #b42318;
  --sombra-cartao: 0 1px 2px rgba(36,20,48,0.08), 0 4px 12px rgba(36,20,48,0.06);
}
:root { color-scheme: light; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --roxo: #c4a0e2;
    --roxo-forte: #dcc4ee;
    --on-roxo: #1a0b26;
    --lilas: #4a2a63;
    --verde: #4cc37a;
    --verde-forte: #7bd9a0;
    --on-verde: #0b1f12;
    --verde-claro: #16331f;
    --verde-texto: #4cc37a;
    --ouro: #fcb40c;
    --on-ouro: #2a1a00;
    --superficie: #140a1c;
    --superficie-2: #1e1229;
    --tinta: #f1ecf5;
    --tinta-suave: #b9adc4;
    --borda: #33243f;
    --borda-controle: #8f7aa3;
    --foco: var(--roxo);
    --alerta: #f5a35c;
    --alerta-claro: #3a2210;
    --erro: #ff8a80;
    --sombra-cartao: 0 1px 2px rgba(0,0,0,0.4);
    color-scheme: dark;
  }
}
[data-theme="dark"] {
  --roxo: #c4a0e2;
  --roxo-forte: #dcc4ee;
  --on-roxo: #1a0b26;
  --lilas: #4a2a63;
  --verde: #4cc37a;
  --verde-forte: #7bd9a0;
  --on-verde: #0b1f12;
  --verde-claro: #16331f;
  --verde-texto: #4cc37a;
  --ouro: #fcb40c;
  --on-ouro: #2a1a00;
  --superficie: #140a1c;
  --superficie-2: #1e1229;
  --tinta: #f1ecf5;
  --tinta-suave: #b9adc4;
  --borda: #33243f;
  --borda-controle: #8f7aa3;
  --foco: var(--roxo);
  --alerta: #f5a35c;
  --alerta-claro: #3a2210;
  --erro: #ff8a80;
  --sombra-cartao: 0 1px 2px rgba(0,0,0,0.4);
  color-scheme: dark;
}
:root {
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 12px;
  --espaco-4: 16px;
  --espaco-6: 24px;
  --espaco-8: 32px;
  --espaco-12: 48px;
  --raio-sm: 6px;
  --raio-md: 12px;
  --raio-lg: 20px;
  --raio-pill: 999px;
  --font-marca: "Archivo Black", "Arial Black", system-ui, sans-serif;
  --font-manchete: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;
  --font-texto: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;
}
.marca-xl { font-family: var(--font-marca); font-size: 56px; line-height: 56px; font-weight: 400; letter-spacing: 0px; }
.manchete { font-family: var(--font-manchete); font-size: 40px; line-height: 40px; font-weight: 800; text-transform: uppercase; }
.titulo { font-family: var(--font-manchete); font-size: 28px; line-height: 32px; font-weight: 700; }
.rotulo-passo { font-family: var(--font-manchete); font-size: 18px; line-height: 20px; font-weight: 800; text-transform: uppercase; }
.subtitulo { font-family: var(--font-texto); font-size: 20px; line-height: 26px; font-weight: 600; }
.corpo { font-family: var(--font-texto); font-size: 16px; line-height: 24px; font-weight: 400; }
.corpo-sm { font-family: var(--font-texto); font-size: 14px; line-height: 20px; font-weight: 400; }
.sobrelinha { font-family: var(--font-texto); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: 0.24em; text-transform: uppercase; }
.numero { font-family: var(--font-texto); font-size: 32px; line-height: 36px; font-weight: 600; font-variant-numeric: tabular-nums; }