/* Tokens de color, tipografía y radios. Único lugar donde se definen colores. */
/* Los tres estados de tema: :root = claro, prefers-color-scheme = automático, [data-theme] = elección explícita. */
:root{
  --bg:#EDF0F7; --surface:#FFFFFF; --surface-2:#F6F8FD; --surface-3:#E7EBF6;
  --line:#D6DCEC; --line-2:#C2CADF;
  --fg:#161D36; --fg-2:#4E5878; --fg-3:#7E88A6;
  --brand:#0F1B3D; --brand-2:#0F3460; --on-brand:#EAEEFA; --on-brand-2:#9FAED4;
  --accent:#9A710F; --accent-ink:#6E5008; --accent-soft:#F7EBCB; --accent-line:#D9B54A;
  --ok:#136B3C; --ok-soft:#DFF2E7; --ok-line:#8FCFAC;
  --run:#0B5A9E; --run-soft:#DEEBF9; --run-line:#8CBDE8;
  --warn:#9A5C05; --warn-soft:#FAEAD3; --warn-line:#E0AE5E;
  --stop:#A81F18; --stop-soft:#FBE2E0; --stop-line:#E59A95;
  --idle:#5E6884; --idle-soft:#E6EAF3; --idle-line:#B7C0D6;
  --shadow:0 1px 2px rgba(16,24,56,.05), 0 8px 24px -12px rgba(16,24,56,.18);
  --radius:10px;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --disp:"Bricolage Grotesque","IBM Plex Sans",system-ui,sans-serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0A0E20; --surface:#131A33; --surface-2:#1A2242; --surface-3:#232C50;
    --line:#2A3358; --line-2:#3A4570;
    --fg:#E7EBF8; --fg-2:#A9B3D2; --fg-3:#7E88AA;
    --brand:#0F1730; --brand-2:#16264A; --on-brand:#E7EBF8; --on-brand-2:#94A2C9;
    --accent:#E7BE55; --accent-ink:#F0D289; --accent-soft:#3A2E11; --accent-line:#8A6B1E;
    --ok:#63CE93; --ok-soft:#102B1D; --ok-line:#2C6844;
    --run:#69B2F0; --run-soft:#0E2440; --run-line:#2A5C90;
    --warn:#E5A94F; --warn-soft:#332312; --warn-line:#7A5A22;
    --stop:#F08078; --stop-soft:#361A18; --stop-line:#8A3A34;
    --idle:#94A0BE; --idle-soft:#1D2542; --idle-line:#3A4570;
    --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
  }
}
:root[data-theme="dark"]{
  --bg:#0A0E20; --surface:#131A33; --surface-2:#1A2242; --surface-3:#232C50;
  --line:#2A3358; --line-2:#3A4570;
  --fg:#E7EBF8; --fg-2:#A9B3D2; --fg-3:#7E88AA;
  --brand:#0F1730; --brand-2:#16264A; --on-brand:#E7EBF8; --on-brand-2:#94A2C9;
  --accent:#E7BE55; --accent-ink:#F0D289; --accent-soft:#3A2E11; --accent-line:#8A6B1E;
  --ok:#63CE93; --ok-soft:#102B1D; --ok-line:#2C6844;
  --run:#69B2F0; --run-soft:#0E2440; --run-line:#2A5C90;
  --warn:#E5A94F; --warn-soft:#332312; --warn-line:#7A5A22;
  --stop:#F08078; --stop-soft:#361A18; --stop-line:#8A3A34;
  --idle:#94A0BE; --idle-soft:#1D2542; --idle-line:#3A4570;
  --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
}