/* ==========================================================================
   PBN Spektra — brand skin. Semi-dark DIGITAL DASHBOARD: deep midnight-navy
   surfaces, subtle cyan accent, monospaced metrics. Character: digital, fast,
   modular, data-driven — elegant, not neon. Archetype: compact-dashboard.
   Distinct from Magna (light ivory premium) and from every light brand.
   ========================================================================== */
:root {
  --c-primary: #38bdf8;        /* sky-blue — links/hover on dark */
  --c-primary-700: #0ea5e9;
  --c-primary-100: #14304d;
  --c-accent: #22d3ee;         /* cyan — accents/labels/metrics (subtle, elegant) */
  --c-accent-100: #0e3a45;
  --c-on-primary: #06202a;
  --c-on-accent: #06202a;
  --c-chip-bg: #22d3ee;
  --c-chip-text: #06202a;

  --c-bg: #0e1726;             /* midnight navy */
  --c-surface: #16223a;        /* panel */
  --c-surface-2: #1d2c47;
  --c-text: #e7eef7;
  --c-text-muted: #95a7c0;
  --c-border: #28384f;

  --c-header-bg: #0b1424;      /* deep midnight */
  --c-header-text: #e7eef7;
  --c-header-muted: #91a4be;   /* AA on midnight */
  --c-topbar-bg: #080f1c;
  --c-footer-bg: #080f1c;

  /* Monospaced metrics/rank = the data-driven signal. */
  --font-metric: ui-monospace, "SF Mono", "JetBrains Mono", "Roboto Mono", Menlo, Consolas, monospace;
}

/* Cyan keyline under the header (digital, not neon). */
.site-header { border-bottom: 1px solid var(--c-accent); }
.cd-bar__label::before { box-shadow: 0 0 0 3px rgba(34, 211, 238, .18); }
/* Slightly raise the lead panel so the dashboard reads as layered modules. */
.cd-lead { background: var(--c-surface-2); }
.cd-metric { background: var(--c-surface-2); }