/* ============================================================
   SumaCells · design tokens (navy + dorado)
   Fuente única de la identidad visual de la suite.
   Extraído de SumaCells Home / SumaCells Payroll.
   ============================================================ */
:root{
  --primary:#1a2b5e;
  --primary-deep:#0f1d44;
  --secondary:#4a6dd1;
  --accent:#f5c84b;
  --bg:#f4f6fb;
  --surface:#ffffff;
  --surface2:#f8fafd;
  --border:#dde3ea;
  --text:#1a2733;
  --text-muted:#5a6a7a;
  --danger:#e74c3c;
  --danger-bg:#fdf0ee;
  --success:#27ae60;
  --success-bg:#edfaf2;
  --warning:#e67e22;
  --warning-bg:#fef6ee;
  /* Piel "Evolución" (2026-09): radios más generosos, sombras suaves,
     Plus Jakarta Sans. El detalle de componentes vive en shared/skin.css. */
  --radius:14px;
  --radius-lg:20px;
  --shadow:0 1px 2px rgba(26,43,94,.05),0 6px 18px rgba(26,43,94,.06);
  --shadow-lg:0 10px 30px rgba(26,43,94,.12);
  --topbar-gradient:linear-gradient(120deg,#0f1d44 0%,#1a2b5e 55%,#2a3f80 100%);
  --font:'Plus Jakarta Sans','Segoe UI',system-ui,sans-serif;
}