/* RaZeOrg — el sistema visual COMPARTIDO del control plane.
 *
 * Lo linkean cd.razeorg.dev (hub/index.html) y business.razeorg.dev (hub/business/index.html).
 * Vive acá y no duplicado en cada página por una razón mecánica: dos copias del mismo token se
 * separan en el primer retoque y nadie se entera — el ámbar de una queda distinto al de la otra.
 *
 * 🔴 Caddy sirve LAS DOS con `root * /srv/hub-dist`, así que la ruta `/_shared/raze-tokens.css`
 *    resuelve igual en los dos hosts. Si algún día el root de business apunta a la subcarpeta,
 *    esta hoja deja de cargar y la página queda SIN ESTILO (no da 404: el try_files devuelve el
 *    index). Es el modo de falla a mirar primero si algo se ve "crudo".
 *
 * 🔴 status.razeorg.dev NO usa este sistema (acento azul #5b8cff, otros nombres de tokens).
 *    Es otra página y otro generador; no la "unifiques" acá sin decidirlo.
 *
 * Lo que vive acá: los CUATRO bloques :root (dark, prefers-color-scheme light, y los dos
 * data-theme del toggle) y las reglas base. Los componentes (.kpi, .card, .panel, …) siguen
 * inline en cada página: mover más era riesgo sin premio.
 */

:root{
  --ground:#0b0e13; --surface:#121822; --surface-2:#182131; --raise:#1e2836;
  --border:#28323f; --border-2:#39465a; --ink:#e9eef6; --ink-2:#b7c2d0; --muted:#7c8a9c;
  --accent:#ffb020; --accent-ink:#1a1204; --accent-dim:#6a4d0e;
  --ok:#3fbf6a; --warn:#e0a53b; --crit:#e5484d; --info:#4aa8d8; --purple:#8b7ff0;
  --ok-bg:#12241a; --crit-bg:#2a1414; --warn-bg:#241d10;
  --mono: ui-monospace,"SF Mono","JetBrains Mono","Cascadia Code",Menlo,Consolas,monospace;
  --sans: -apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --shadow: 0 1px 0 #ffffff08 inset, 0 8px 30px -12px #00000090;
}
@media (prefers-color-scheme: light){:root{
  --ground:#e8eaef; --surface:#fbfcfe; --surface-2:#f2f4f8; --raise:#fff;
  --border:#d8dde5; --border-2:#c2c9d4; --ink:#141a23; --ink-2:#3c4757; --muted:#65717f;
  --accent:#a86500; --accent-ink:#fff; --accent-dim:#e7c98a;
  --ok:#1f9d4d; --warn:#9a6a10; --crit:#c2352f; --info:#2a7fb0; --purple:#6a5de0;
  --ok-bg:#e3f3e8; --crit-bg:#f8e5e4; --warn-bg:#f4ecd9;
  --shadow: 0 1px 0 #ffffff inset, 0 10px 30px -16px #0003;
}}
:root[data-theme="dark"]{--ground:#0b0e13;--surface:#121822;--surface-2:#182131;--raise:#1e2836;--border:#28323f;--border-2:#39465a;--ink:#e9eef6;--ink-2:#b7c2d0;--muted:#7c8a9c;--accent:#ffb020;--accent-ink:#1a1204;--accent-dim:#6a4d0e;--ok:#3fbf6a;--warn:#e0a53b;--crit:#e5484d;--info:#4aa8d8;--purple:#8b7ff0;--ok-bg:#12241a;--crit-bg:#2a1414;--warn-bg:#241d10;--shadow:0 1px 0 #ffffff08 inset,0 8px 30px -12px #00000090;}
:root[data-theme="light"]{--ground:#e8eaef;--surface:#fbfcfe;--surface-2:#f2f4f8;--raise:#fff;--border:#d8dde5;--border-2:#c2c9d4;--ink:#141a23;--ink-2:#3c4757;--muted:#65717f;--accent:#a86500;--accent-ink:#fff;--accent-dim:#e7c98a;--ok:#1f9d4d;--warn:#9a6a10;--crit:#c2352f;--info:#2a7fb0;--purple:#6a5de0;--ok-bg:#e3f3e8;--crit-bg:#f8e5e4;--warn-bg:#f4ecd9;--shadow:0 1px 0 #ffffff inset,0 10px 30px -16px #0003;}

*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}
.mono{font-family:var(--mono)} h1,h2,h3{margin:0;text-wrap:balance} a{color:inherit}
button{font-family:inherit;cursor:pointer} ::selection{background:var(--accent);color:var(--accent-ink)}