/* ══════════════════════════════════════════════════════════════════
   AskIQ UI — theme.css  v3 (Sapience brand-compliant, light-only)
   Brand colour overrides + scrollbar/selection layered on top of app.css.

   Note: Phase 5 decision D7 — light-only theme. Dark mode block removed.
   ══════════════════════════════════════════════════════════════════ */

:root {
  /* Sapience brand palette (must match design_tokens.json) */
  --color-brand:          #0f2d52;
  --color-accent:         #2563eb;
  --color-accent-hover:   #1d4ed8;
  --color-accent-bg:      #eff6ff;
  --color-accent-border:  #bfdbfe;
  --color-accent-light:   #3b82f6;
  --shadow-focus:         0 0 0 3px rgba(37,99,235,.20);

  /* ── Sapience Blue chart palette ──────────────────────────────
     Official Sapience Analytics BI reporting palette.
     Available as CSS variables for use in custom chart styling,
     data-driven color assignments, and UI accent elements.
     Numerical suffix matches the BI tool's color order (1-indexed).
     ─────────────────────────────────────────────────────────── */
  --sapience-color-1:  #2563EB;  /* Sapience Blue — primary */
  --sapience-color-2:  #E9502A;  /* Sapience Orange-Red */
  --sapience-color-3:  #3DC2CB;  /* Teal */
  --sapience-color-4:  #6A95F1;  /* Light Blue */
  --sapience-color-5:  #EF866B;  /* Salmon */
  --sapience-color-6:  #7ED6DD;  /* Light Teal */
  --sapience-color-7:  #BED0F9;  /* Pale Blue */
  --sapience-color-8:  #F8CABE;  /* Peach */
  --sapience-color-9:  #C7EDF0;  /* Pale Teal */
  --sapience-color-10: #0E3995;  /* Dark Blue */
  --sapience-color-11: #942A10;  /* Dark Red */
  --sapience-color-12: #227B81;  /* Dark Teal */
  --sapience-color-13: #6F5E73;  /* Mauve */
  --sapience-color-14: #9D8CA1;  /* Light Mauve */
  --sapience-color-15: #C8BECA;  /* Pale Mauve */
  --sapience-color-16: #FCEADE;  /* Cream */
  --sapience-bg:        #F6F8FE;  /* Sapience report background */
  --sapience-font:      #202020;  /* Sapience report font color */
  --sapience-grid:      rgba(32, 32, 32, 0.15); /* Sapience grid/line color */
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* Selection highlight — Sapience primary @ 15% alpha */
::selection { background: rgba(37,99,235,.15); }