:root{
  color-scheme: dark;
  --bg:#0a0e0c;
  --page-plane:#0e1310;
  --surface:#141a16;
  --surface-2:#1a211c;
  --surface-3:#1f2721;
  --border:#242c26;
  --border-strong:#36413a;
  --text:#edf2ee;
  --text-muted:#9aa79c;
  --text-faint:#67726a;
  --accent:#2dd4b0;
  --accent-hi:#5eead4;
  --accent-ink:#04120d;
  --accent-soft:#123029;
  --accent-soft-border:#20493d;

  --good:#4ade80;
  --warning:#f2b134;
  --serious:#ec835a;
  --critical:#f2837a;
  --good-soft:#132a1c;
  --warning-soft:#332a12;
  --serious-soft:#33201a;
  --critical-soft:#331a1a;

  --shadow: 0 1px 2px rgba(0,0,0,0.4), 0 10px 26px -12px rgba(0,0,0,0.65);
  --shadow-lg: 0 4px 10px rgba(0,0,0,0.35), 0 24px 48px -20px rgba(0,0,0,0.75);
  --shadow-glow: 0 0 0 1px var(--accent-soft-border), 0 0 24px -6px rgba(45,212,176,0.35);
  --radius: 12px;
  --radius-sm: 8px;
  --radius-lg: 18px;
  --ease: cubic-bezier(.2,.7,.3,1);
}
/* Formato oscuro fijo, mismo sistema que los dashboards de Estructura HC. */

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(1100px 520px at 12% -8%, rgba(45,212,176,0.10), transparent 60%),
    radial-gradient(900px 480px at 100% 0%, rgba(45,212,176,0.05), transparent 55%),
    var(--bg);
  color:var(--text);
  font-family:'Plus Jakarta Sans', system-ui, -apple-system, "Segoe UI", sans-serif;
  padding-inline:20px;
  padding-block:26px 48px;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:1100px;margin-inline:auto;}
h1,h2,h3{font-family:'Sora', system-ui, sans-serif; font-weight:700; letter-spacing:-0.01em; text-wrap:balance; margin:0;}
.mono{font-family:'IBM Plex Mono', ui-monospace, monospace;}
.tabular{font-variant-numeric:tabular-nums;}
a{color:var(--accent);}
svg.icon{flex:0 0 auto; display:inline-block; vertical-align:middle;}
[hidden]{display:none!important;}
::selection{background:var(--accent-soft); color:var(--accent-hi);}

::-webkit-scrollbar{width:10px; height:10px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--border-strong); border-radius:999px; border:2px solid var(--page-plane);}
::-webkit-scrollbar-thumb:hover{background:var(--text-faint);}