/* CITVIA — tokens de design. data-tema="claro|escuro" no <html>. */

:root {
  --via-fundo: #F5F7F9;
  --via-superficie: #FFFFFF;
  --via-superficie-2: #EBF0F4;
  --via-tinta: #1B2530;
  --via-tinta-2: #5B6875;
  --via-borda: #D8DFE6;
  /* Marca CITVIA: anel #186289 (primário) e estrada #0F75AE (vivo). */
  --via-marca: #186289;
  --via-marca-2: #0F75AE;
  --via-acento: #186289;
  --via-acento-2: #0F75AE;
  --via-sinal: #F2B705;
  --via-perigo: #C0392B;
  --via-ok: #2E7D32;

  --via-fonte-titulo: 'Archivo', system-ui, sans-serif;
  --via-fonte-texto: 'Inter', system-ui, sans-serif;
  --via-fonte-mono: 'JetBrains Mono', 'SFMono-Regular', monospace;

  --via-texto-12: 12px;
  --via-texto-13: 13px;
  --via-texto-14: 14px;
  --via-texto-16: 16px;
  --via-texto-20: 20px;
  --via-texto-28: 28px;

  --via-raio: 8px;
  --via-borda-largura: 1px;
  --via-transicao: 150ms;

  --via-sidebar-largura: 264px;
  --via-sidebar-largura-retraida: 64px;
  --via-topbar-altura: 56px;
  --via-toque-minimo: 44px;
}

:root[data-tema="escuro"] {
  --via-fundo: #0F1519;
  --via-superficie: #171F26;
  --via-superficie-2: #1F2A33;
  --via-tinta: #E8EDF1;
  --via-tinta-2: #96A4B0;
  --via-borda: #2A3742;
  --via-marca: #5AA7D4;
  --via-marca-2: #6FB9E4;
  --via-acento: #4E9FCE;
  --via-acento-2: #6FB9E4;
  --via-sinal: #F2B705;
  --via-perigo: #E4604E;
  --via-ok: #4CAF6D;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    --via-fundo: #0F1519;
    --via-superficie: #171F26;
    --via-superficie-2: #1F2A33;
    --via-tinta: #E8EDF1;
    --via-tinta-2: #96A4B0;
    --via-borda: #2A3742;
    --via-marca: #5AA7D4;
    --via-marca-2: #6FB9E4;
    --via-acento: #4E9FCE;
    --via-acento-2: #6FB9E4;
    --via-sinal: #F2B705;
    --via-perigo: #E4604E;
    --via-ok: #4CAF6D;
  }
}