/* Atletia — generado desde design/tokens.json por design/build_tokens.py. No editar a mano. */

:root {
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #f3f6fc;
  --line: #e6ebf4;
  --line-strong: #7d8aa5;
  --ink: #0b1b3f;
  --ink-muted: #56658a;
  --marca: #1a56ff;
  --on-marca: #ffffff;
  --marca-soft: #eef3ff;
  --marca-claro: #9db8ff;
  --urgente: #d12a1f;
  --on-urgente: #ffffff;
  --atencion: #8a5a00;
  --on-atencion: #ffffff;
  --ok: #067a46;
  --on-ok: #ffffff;
  --info: #4d5d80;
  --cumpl-no: var(--urgente);
  --cumpl-parcial: var(--atencion);
  --cumpl-ok: var(--ok);
  --cumpl-sobre: var(--marca);
  --cumpl-extra: var(--ink-muted);
  --nado: #0b8ad1;
  --bici: #6a3fd1;
  --trote: #e2521b;
  --pmc-ctl: var(--marca);
  --pmc-atl: #e2521b;
  --pmc-tsb: var(--ink-muted);
  --shadow-card: 0 1px 2px rgba(11,27,63,0.05);
  --shadow-hero: 0 12px 32px rgba(26,86,255,0.28);
  --shadow-pop: 0 12px 32px rgba(11,27,63,0.16);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 999px;
  --font-sans: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  color-scheme: light;
}

/* Oscuro: por preferencia del sistema, salvo que el usuario haya elegido claro */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface: #0a1124;
    --surface-raised: #111a33;
    --surface-sunken: #0d1530;
    --line: #1f2a47;
    --line-strong: #5f6e92;
    --ink: #eef2fb;
    --ink-muted: #9aa8c7;
    --marca: #7ea2ff;
    --on-marca: #071233;
    --marca-soft: #16224a;
    --marca-claro: #3a5fd9;
    --urgente: #ff8a80;
    --on-urgente: #3a0905;
    --atencion: #f7c04a;
    --on-atencion: #2e1f00;
    --ok: #5fd69a;
    --on-ok: #032514;
    --info: #a8b6d4;
    --nado: #5cc2f7;
    --bici: #b39cff;
    --trote: #ff9466;
    --pmc-atl: #ff9466;
    --shadow-card: none;
    --shadow-hero: none;
    --shadow-pop: 0 12px 32px rgba(0,0,0,0.5);
    color-scheme: dark;
  }
}

/* Oscuro elegido con el selector de tema */
:root[data-theme="dark"] {
  --surface: #0a1124;
  --surface-raised: #111a33;
  --surface-sunken: #0d1530;
  --line: #1f2a47;
  --line-strong: #5f6e92;
  --ink: #eef2fb;
  --ink-muted: #9aa8c7;
  --marca: #7ea2ff;
  --on-marca: #071233;
  --marca-soft: #16224a;
  --marca-claro: #3a5fd9;
  --urgente: #ff8a80;
  --on-urgente: #3a0905;
  --atencion: #f7c04a;
  --on-atencion: #2e1f00;
  --ok: #5fd69a;
  --on-ok: #032514;
  --info: #a8b6d4;
  --nado: #5cc2f7;
  --bici: #b39cff;
  --trote: #ff9466;
  --pmc-atl: #ff9466;
  --shadow-card: none;
  --shadow-hero: none;
  --shadow-pop: 0 12px 32px rgba(0,0,0,0.5);
  color-scheme: dark;
}