/* Co.De Triage — tokens de diseño compartidos, extraídos de la vitrina
   pública (index.html). Lo enlazan tanto index.html como dashboard.html
   para que toda la plataforma comparta un solo lenguaje visual. */

:root {
  --bg: #120d20;
  --bg-2: #191227;
  --bg-3: #221a32;
  --ink: #ece8f5;
  --ink-dim: #a49ac0;
  --ink-faint: #6f6690;
  --line: #2c2340;
  --line-strong: #3a2f52;
  --accent: #34c0b3;
  --accent-ink: #0b0f14;
  --hot: #a5db36;
  --cool: #4a5fa8;
  --good: #5ec962;
  --warn: #f0b429;
  --crit: #e5688a;
  --shadow: 0 1px 0 rgba(255,255,255,.03), 0 12px 40px -18px rgba(0,0,0,.7);
  --font-mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;
  --font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, ui-serif, serif;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

@media (prefers-color-scheme: light) {
  :root {
    --bg: #eef0f5;
    --bg-2: #ffffff;
    --bg-3: #f7f7fb;
    --ink: #1a1330;
    --ink-dim: #574d70;
    --ink-faint: #8c83a6;
    --line: #e2ddec;
    --line-strong: #d3cce0;
    --accent: #0f857a;
    --hot: #4f9c17;
    --cool: #3a4f97;
    --shadow: 0 1px 0 rgba(255,255,255,.6), 0 16px 40px -22px rgba(40,26,70,.35);
  }
}

:root[data-theme="dark"] {
  --bg:#120d20; --bg-2:#191227; --bg-3:#221a32; --ink:#ece8f5; --ink-dim:#a49ac0;
  --ink-faint:#6f6690; --line:#2c2340; --line-strong:#3a2f52; --accent:#34c0b3;
  --hot:#a5db36; --cool:#4a5fa8; --shadow:0 1px 0 rgba(255,255,255,.03), 0 12px 40px -18px rgba(0,0,0,.7);
}
:root[data-theme="light"] {
  --bg:#eef0f5; --bg-2:#ffffff; --bg-3:#f7f7fb; --ink:#1a1330; --ink-dim:#574d70;
  --ink-faint:#8c83a6; --line:#e2ddec; --line-strong:#d3cce0; --accent:#0f857a;
  --hot:#4f9c17; --cool:#3a4f97; --shadow:0 1px 0 rgba(255,255,255,.6), 0 16px 40px -22px rgba(40,26,70,.35);
}

/* ---------- shared components ---------- */

.badge-ia {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: .15rem .5rem;
  border-radius: 999px;
  background: color-mix(in srgb, var(--accent) 20%, transparent);
  color: var(--accent);
  border: 1px solid color-mix(in srgb, var(--accent) 45%, transparent);
}
.badge-ia::before { content: "✦"; }