/* tokens.css — Sistema de diseño SaaS (Adán)
   Importar en todo proyecto. Nunca redefinir colores/radios/sombras fuera de este archivo.
   Modo oscuro: automático por prefers-color-scheme; forzable con <html data-theme="dark|light">. */

:root{
  --bg:#FFFFFF; --bg-alt:#F8FAFC; --card:#FFFFFF; --ink:#0F172A; --ink-2:#475569; --ink-3:#94A3B8;
  --line:#E2E8F0; --line-strong:#CBD5E1;
  --primary:#2563EB; --primary-hover:#1D4ED8; --primary-soft:#EFF6FF; --primary-line:#BFDBFE;
  --done:#059669; --done-soft:#ECFDF5; --done-line:#A7F3D0;
  --risk:#D97706; --risk-soft:#FFFBEB; --risk-line:#FDE68A;
  --blocked:#DC2626; --blocked-soft:#FEF2F2; --blocked-line:#FECACA;
  --pending:#64748B; --pending-soft:#F1F5F9;
  --shadow:0 1px 2px rgba(15,23,42,.04),0 4px 12px rgba(15,23,42,.05);
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r:12px; --r-sm:8px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0B1220; --bg-alt:#0F172A; --card:#111C2F; --ink:#F1F5F9; --ink-2:#B4C0D3; --ink-3:#7C8AA3;
    --line:#233047; --line-strong:#334562;
    --primary:#3B82F6; --primary-hover:#60A5FA; --primary-soft:#172554; --primary-line:#1E3A8A;
    --done:#34D399; --done-soft:#0B2E25; --done-line:#065F46;
    --risk:#FBBF24; --risk-soft:#3A2A0A; --risk-line:#78350F;
    --blocked:#F87171; --blocked-soft:#3B1212; --blocked-line:#7F1D1D;
    --pending:#94A3B8; --pending-soft:#1E293B;
    --shadow:0 1px 2px rgba(0,0,0,.3);
  }
}
:root[data-theme="dark"]{
  --bg:#0B1220; --bg-alt:#0F172A; --card:#111C2F; --ink:#F1F5F9; --ink-2:#B4C0D3; --ink-3:#7C8AA3;
  --line:#233047; --line-strong:#334562;
  --primary:#3B82F6; --primary-hover:#60A5FA; --primary-soft:#172554; --primary-line:#1E3A8A;
  --done:#34D399; --done-soft:#0B2E25; --done-line:#065F46;
  --risk:#FBBF24; --risk-soft:#3A2A0A; --risk-line:#78350F;
  --blocked:#F87171; --blocked-soft:#3B1212; --blocked-line:#7F1D1D;
  --pending:#94A3B8; --pending-soft:#1E293B;
  --shadow:0 1px 2px rgba(0,0,0,.3);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}