/* ============================================================
   SapienceIQ Audit Console — theme.css
   Sapience palette, utility helpers, responsive overrides.
   All core design tokens live in app.css.
   ============================================================ */

/* ── Sapience chart palette (available globally for Chart.js) ── */
:root {
  --sapience-color-1:  #2563EB;
  --sapience-color-2:  #E9502A;
  --sapience-color-3:  #3DC2CB;
  --sapience-color-4:  #6A95F1;
  --sapience-color-5:  #EF866B;
  --sapience-color-6:  #7ED6DD;
  --sapience-color-7:  #BED0F9;
  --sapience-color-8:  #F8CABE;
  --sapience-color-9:  #C7EDF0;
  --sapience-color-10: #0E3995;
  --sapience-color-11: #942A10;
  --sapience-color-12: #227B81;
  --sapience-color-13: #6F5E73;
  --sapience-color-14: #9D8CA1;
  --sapience-color-15: #C8BECA;
  --sapience-color-16: #FCEADE;
  --sapience-bg:       #F6F8FE;
  --sapience-font:     #202020;
  --sapience-grid:     rgba(32,32,32,0.15);
}

/* ── Utility helpers (mirrors Intelligence UI) ─────────────────── */
.hidden { display: none !important; }
.text-success { color: var(--color-success); }
.text-danger  { color: var(--color-error); }
.text-warn    { color: var(--color-warning); }
.text-muted   { color: var(--color-text-muted); }
.mt-1 { margin-top: 0.5rem; }
.mt-2 { margin-top: 1rem; }
.mb-1 { margin-bottom: 0.5rem; }
.mb-2 { margin-bottom: 1rem; }
.fw-bold { font-weight: 700; }
.gap-1  { gap: 0.5rem; }
.flex   { display: flex; }
.items-center { align-items: center; }