/* Arandu: tokens de design.
 * Gerado a partir de tokens.json. Edite o JSON e gere de novo, não este arquivo.
 * Tema claro é o padrão. Para o escuro, use data-theme="escuro" no <html>.
 * Fontes: https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&family=Source+Sans+3:wght@400;600;700&display=swap
 */

:root,
[data-theme="claro"] {
  --marca-marinho: #0B1533;
  --marca-azul: #1F7BFF;
  --marca-profundo: #0B1533;
  --fundo: #F5F7FB;
  --superficie: #FFFFFF;
  --superficie-alt: #EEF2F8;
  --texto: #0B1533;
  --texto-suave: #4A5573;
  --borda: #C9D2E1;
  --borda-controle: #8592AD;
  --primaria: #1263D6;
  --primaria-hover: #0E52B3;
  --sobre-primaria: #FFFFFF;
  --foco: #1F7BFF;
  --sucesso: #177245;
  --sucesso-fundo: #E2F5EA;
  --atencao: #7A4B00;
  --atencao-fundo: #FFF1D6;
  --erro: #A3261B;
  --erro-fundo: #FDE6E3;
  --perigo: #C2352A;
  --sobre-perigo: #FFFFFF;
  --oc-ent: #7A4B00;
  --oc-ent-fundo: #FFF1D6;
  --oc-sai: #5B2BB5;
  --oc-sai-fundo: #EFE8FF;
  --oc-bus: #A3261B;
  --oc-bus-fundo: #FDE6E3;
  --oc-ata: #0F6B63;
  --oc-ata-fundo: #DDF4F0;
  --oc-oes: #1650B8;
  --oc-oes-fundo: #E3EEFF;
  --sombra-cartao: 0 1px 2px rgba(11,21,51,0.08), 0 4px 12px rgba(11,21,51,0.06);
}

[data-theme="escuro"] {
  --marca-marinho: #0B1533;
  --marca-azul: #4D9BFF;
  --marca-profundo: #2A4596;
  --fundo: #0A0E1A;
  --superficie: #121829;
  --superficie-alt: #1A2236;
  --texto: #F2F5FA;
  --texto-suave: #A6B0C8;
  --borda: #2A3350;
  --borda-controle: #64708E;
  --primaria: #4D9BFF;
  --primaria-hover: #6FB0FF;
  --sobre-primaria: #0B1533;
  --foco: #4D9BFF;
  --sucesso: #7FDCA8;
  --sucesso-fundo: #10281B;
  --atencao: #FFCB6B;
  --atencao-fundo: #2E2410;
  --erro: #FF9D92;
  --erro-fundo: #3A1714;
  --perigo: #FF9D92;
  --sobre-perigo: #0B1533;
  --oc-ent: #FFCB6B;
  --oc-ent-fundo: #2E2410;
  --oc-sai: #C7B2FF;
  --oc-sai-fundo: #241B3D;
  --oc-bus: #FF9D92;
  --oc-bus-fundo: #3A1714;
  --oc-ata: #7FDCCF;
  --oc-ata-fundo: #0F2C29;
  --oc-oes: #9CC4FF;
  --oc-oes-fundo: #122446;
  --sombra-cartao: 0 1px 2px rgba(0,0,0,0.5);
}

: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: 10px;
  --raio-lg: 16px;
  --raio-pill: 999px;
  --font-titulo: "Montserrat", "Segoe UI", system-ui, sans-serif;
  --font-texto: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
}