/* DATASETBI — Design tokens
   Fuente única de color, tipografía, radios y sombras para todo el sitio.
   No definir estos nombres de nuevo en el <style> de una página. */
:root{
  --bg:#f8fafc;
  --bg-white:#ffffff;
  --bg-soft:#f1f5f9;
  --bg-accent:#eff8ff;
  --border:#e2e8f0;
  --border-hover:#93c5fd;

  --text:#0f172a;
  --text-secondary:#475569;
  --text-muted:#94a3b8;

  --accent:#0ea5e9;
  --accent-dark:#0284c7;
  --accent2:#6366f1;
  --gradient:linear-gradient(135deg,#0ea5e9,#6366f1);
  --gradient-soft:linear-gradient(135deg,rgba(14,165,233,.06),rgba(99,102,241,.06));
  --gradient-card:linear-gradient(180deg,#ffffff,#f8fafc);

  /* Semánticos: para estados/badges, no para identidad de marca */
  --good:#10b981;
  --warning:#f59e0b;
  --critical:#ef4444;
  --info:#0ea5e9;

  --shadow-sm:0 1px 3px rgba(0,0,0,.06);
  --shadow-md:0 4px 16px rgba(0,0,0,.06);
  --shadow-lg:0 12px 40px rgba(0,0,0,.08);
  --shadow-glow:0 8px 30px rgba(14,165,233,.15);

  --max-w:72rem;
  --font:'Inter',system-ui,sans-serif;
  --font-display:'Archivo',system-ui,sans-serif;
  --radius:1rem;
  --radius-lg:1.5rem;
}