/* Tokens de diseño: colores, tipografía y temas claro/oscuro. */
:root {
  --bg: #F3F6F8;
  --bg-alt: #E6EDF1;
  --surface: #FFFFFF;
  --fg: #0C2230;
  --muted: #46606F;
  --line: #C9D7DF;
  --accent: #C93F0B;
  --accent-ink: #FFFFFF;
  --navy: #0B3142;
  --navy-fg: #E8F1F5;
  --navy-muted: #9DB8C6;
  --navy-line: #25506A;
  --ok: #1B7A4B;
  --warn: #8F5200;
  --info: #1D5F86;
  --f-display: "Archivo", "Arial Narrow", Arial, sans-serif;
  --f-body: "Public Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #09161F;
    --bg-alt: #0D2130;
    --surface: #11293A;
    --fg: #E7EFF3;
    --muted: #97AEBB;
    --line: #24414F;
    --accent: #FF7A45;
    --accent-ink: #1A0A02;
    --navy: #071822;
    --navy-fg: #E8F1F5;
    --navy-muted: #8FAAB9;
    --navy-line: #1F4256;
    --ok: #4CC38A;
    --warn: #E8B04A;
    --info: #6DB7E3;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #09161F;
  --bg-alt: #0D2130;
  --surface: #11293A;
  --fg: #E7EFF3;
  --muted: #97AEBB;
  --line: #24414F;
  --accent: #FF7A45;
  --accent-ink: #1A0A02;
  --navy: #071822;
  --navy-fg: #E8F1F5;
  --navy-muted: #8FAAB9;
  --navy-line: #1F4256;
  --ok: #4CC38A;
  --warn: #E8B04A;
  --info: #6DB7E3;
  color-scheme: dark;
}