/* The visual language, in one place.
   Reference: a government briefing document rendered on a trading terminal.
   Colour is reserved for signal; hierarchy is done with type and whitespace. */

:root {
  /* Surfaces */
  --bg-0: #0b0f14;
  --bg-1: #11161d;
  --bg-2: #171e27;
  --bg-3: #1c2530;
  --bg-hover: #212c39;
  --line: #26303c;
  --line-strong: #35414f;

  /* Text — 13.9:1, 7.3:1 and 4.6:1 against --bg-1 */
  --text-hi: #e8edf2;
  --text-mid: #a3b2c0;
  --text-low: #6b7a89;

  /* Signal. Never the only carrier of meaning: always paired with a glyph. */
  --pos: #4cc38a;
  --pos-dim: #1c3a2e;
  --neg: #e5534b;
  --neg-dim: #3d2220;
  --warn: #d4a72c;
  --warn-dim: #3a3018;
  --accent: #58a6ff;
  --accent-dim: #1f3a5f;

  /* Data series */
  --s1: #58a6ff;
  --s2: #d4a72c;
  --s3: #4cc38a;
  --s4: #b083f0;
  --s5: #e5534b;
  --s6: #4dd0c4;

  /* Type */
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, "Cascadia Mono", monospace;
  --fs-caption: 11px;
  --fs-small: 12px;
  --fs-body: 13px;
  --fs-data: 15px;
  --fs-kpi: 26px;
  --fs-display: 40px;
  --ls-caps: 0.08em;

  /* Rhythm */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --radius: 3px;

  /* Chrome */
  --rail-w: 168px;
  --topbar-h: 56px;
  --ticker-h: 28px;
  --actionbar-h: 52px;
}

/* The page commits to its dark identity; this is a situation room, not a
   document that follows the reader's theme. The declaration keeps form
   controls and scrollbars in step. */
:root {
  color-scheme: dark;
}