/*
 * Va-PoReg — design tokens: the single source of truth for every UI colour.
 *
 * Imported by layout.css (viz pages) and root-pages.css (content pages);
 * iframe-only pages (charts, legends, maps) link this file directly.
 * JavaScript reads these values with uiColor('name') from /vis/lib/config.js.
 *
 * Never write a colour value anywhere else. Regime / category colours are data,
 * not UI, and live in /vis/lib/config.js.
 */
:root {
  /* ── Surfaces ─────────────────────────────────────────── */
  --bg:                #1f2230;   /* page background */
  --bg-deep:           #12131a;   /* footer */
  --surface:           #262a3a;   /* panels, boxes inside modals */
  --surface-alt:       #2f3445;   /* navbar, cards, modals, legends */
  --surface-raised:    #3a4056;   /* modal headers, hovered rows */
  --input-bg:          #1a1e2e;   /* selects, inputs, recessed areas */
  --tooltip-bg:        rgba(18, 18, 30, 0.96);
  --panel-translucent: rgba(31, 34, 48, 0.9);   /* panels floating over maps */

  /* ── Lines ────────────────────────────────────────────── */
  --border:            #3c4259;
  --border-hover:      #556080;
  --divider:           rgba(255, 255, 255, 0.1);
  --grid:              rgba(255, 255, 255, 0.2);   /* chart axes, scrollbars, faint borders */

  /* ── Overlays & shadows ───────────────────────────────── */
  --hover-overlay:     rgba(255, 255, 255, 0.06);
  --active-overlay:    rgba(255, 255, 255, 0.15);
  --shadow:            rgba(0, 0, 0, 0.5);

  /* ── Text ─────────────────────────────────────────────── */
  --text-strong:       #ffffff;   /* headings, chart labels, emphasis */
  --text:              #eaedf4;   /* body text */
  --text-muted:        #9aa5b8;   /* labels, secondary text */
  --text-faint:        #7b8395;   /* credits, tertiary labels */

  /* ── Accent & status ──────────────────────────────────── */
  --accent:            #6478b8;
  --accent-hover:      #7388cc;
  --emphasis:          #ffd700;   /* numeric call-outs */
  --danger:            rgba(239, 68, 68, 0.5);
  --danger-text:       #fecaca;

  /* ── Chart & map marks ────────────────────────────────── */
  --highlight:         #ffffff;   /* selected / hovered outlines, slider knobs */
  --highlight-soft:    rgba(255, 255, 255, 0.55);   /* locked pie slice, legend glow */
  --mark-outline:      #333333;   /* swatch, bar, node and country outlines */
  --map-dimmed:        #404759;   /* countries outside the current selection */
  --map-nodata:        #555555;   /* no data / unmatched */

  /* ── Content-page photo hero (stays dark in every theme) ─ */
  --on-photo-scrim:        rgba(15, 17, 28, 0.70);
  --on-photo-card:         rgba(22, 25, 42, 0.90);
  --on-photo-card-border:  rgba(55, 62, 95, 0.6);
  --on-photo-text-strong:  #ffffff;
  --on-photo-text:         #e4e9f4;
  --on-photo-text-muted:   #ccd4e4;
  --on-photo-shadow:       rgba(0, 0, 0, 0.55);
}