/* ── DividendIQ — Sector Palette Tokens ──
   Canonical CSS custom properties for sector-tinted UI.

   These tokens are additive: Phase A's calendar chip is the first
   consumer. Holdings table and DivIQ Scores table can adopt them in
   a follow-up without breaking changes — `--sector-*` is defined on
   :root with theme-aware overrides so any consumer gets the right
   color for the active theme/style combo.

   WCAG AA contrast (≥ 4.5:1 vs --surface) is the target. Pairs were
   selected to read clearly in both light + dark variants of every
   style (slate / midnight / obsidian / spectral-copper / spectral-prism).
   When a sector tint sits underneath chip text using --text, the
   chip's background uses `color-mix(in srgb, var(--sector-x) 18%, transparent)`
   in the dark themes and `color-mix(in srgb, var(--sector-x) 14%, transparent)`
   in the light themes — calendar.css carries the mix.

   Reference: design § 5.4 (one new semantic token + sector palette).
   ────────────────────────────────────────── */

:root {
  /* Default (dark theme) sector tints. */
  --sector-energy:           #e0a050;
  --sector-tech:             #5b8def;
  --sector-healthcare:       #22d3a0;
  --sector-financials:       #7c6fff;
  --sector-consumer-staples: #c78fa8;
  --sector-consumer-disc:    #f5a942;
  --sector-industrials:      #8fa3c8;
  --sector-utilities:        #4cc9f0;
  --sector-reit:             #ef8d70;
  --sector-materials:        #b08d70;
  --sector-etf:              #a78bfa;
  --sector-unknown:          #6b7e9a;
}

/* Light-theme overrides — same hues, lower lightness for contrast against
   the light --surface tokens. */
[data-theme="light"] {
  --sector-energy:           #a36818;
  --sector-tech:             #2d5dc7;
  --sector-healthcare:       #098a64;
  --sector-financials:       #5448c4;
  --sector-consumer-staples: #8a5872;
  --sector-consumer-disc:    #a36818;
  --sector-industrials:      #4a5c80;
  --sector-utilities:        #1d6a8a;
  --sector-reit:             #b04020;
  --sector-materials:        #785838;
  --sector-etf:              #6448b4;
  --sector-unknown:          #3a4c68;
}

/* Spectral-copper style — bias towards copper/amber for matched
   identity in both themes. */
[data-style="spectral-copper"] {
  --sector-energy:           #cc6b28;
  --sector-consumer-disc:    #d4a04e;
  --sector-reit:             #ff8068;
}

/* Spectral-prism style — bias towards magentas for the warm-leaning
   sectors. */
[data-style="spectral-prism"] {
  --sector-consumer-staples: #c11b67;
  --sector-reit:             #ff5990;
}