/* Design tokens. Colours come from the FalconViz banner: deep navy night, amber ridges,
   blue-grey valleys. Dark is the default; the light theme is survey paper with navy ink. */

:root {
  color-scheme: dark;

  --bg: #010812;
  --bg-raise: #040d1a;
  --surface: #07121f;
  --surface-2: #0b1a2c;
  --line: #13243a;
  --line-2: #1e3553;

  --ink: #eef2f6;
  --text: #c9d3de;
  --mute: #8193a3;
  --blue: #7fa0c6;

  --accent: #f39e21;
  --accent-hi: #fdc346;
  --accent-deep: #d9771a;
  --accent-fill: #f39e21;
  --accent-soft: rgba(243, 158, 33, 0.12);
  --accent-line: rgba(243, 158, 33, 0.4);
  --on-accent: #140b00;

  --ok: #6fd3a0;
  --ok-soft: rgba(111, 211, 160, 0.12);
  --danger: #ff8a7a;
  --code-bg: #030a15;

  --tok-comment: #7a8e9d;
  --tok-string: #a6d9a8;
  --tok-number: #8fd0f0;
  --tok-keyword: #fdc346;
  --tok-key: #9cc0ec;

  --topo-ink: rgba(127, 160, 198, 0.13);
  --grid: rgba(127, 160, 198, 0.04);
  --glow: rgba(243, 158, 33, 0.08);
  --shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 18px 40px -24px rgba(0, 0, 0, 0.85);

  /* Illustrations and the scan viewport stay dark in both themes, like renders. */
  --art-bg: #030b17;
  --art-line: #1e3553;

  --f-display: 'Saira', 'Segoe UI', system-ui, sans-serif;
  --f-mono: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Consolas, monospace;

  --r-sm: 9px;
  --r: 14px;
  --r-lg: 24px;
  --side: 288px;
  --topbar: 64px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dur: 220ms;
}

:root[data-theme='light'] {
  color-scheme: light;

  --bg: #f4f0e6;
  --bg-raise: #ece6d8;
  --surface: #fbf9f4;
  --surface-2: #f2ede1;
  --line: #e0d8c6;
  --line-2: #cbbfa6;

  /* Text colours here measure at least 4.5:1 on every light surface, including the tinted
     current-item background in the sidebar. Hover goes darker, not lighter. */
  --ink: #0a1626;
  --text: #24344a;
  --mute: #536273;
  --blue: #2f5b8a;

  --accent: #8f4c08;
  --accent-hi: #7a4007;
  --accent-deep: #c06a10;
  --accent-fill: #e8901c;
  --accent-soft: rgba(232, 144, 28, 0.14);
  --accent-line: rgba(143, 76, 8, 0.35);

  --ok: #1a6b43;
  --ok-soft: rgba(26, 107, 67, 0.1);
  --danger: #b3261e;
  --code-bg: #f7f3ea;

  --tok-comment: #5a6672;
  --tok-string: #2b6c45;
  --tok-number: #1b6480;
  --tok-keyword: #8f4c08;
  --tok-key: #2f5b8a;

  --topo-ink: rgba(10, 22, 38, 0.09);
  --grid: rgba(10, 22, 38, 0.035);
  --glow: rgba(232, 144, 28, 0.1);
  --shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset, 0 16px 34px -26px rgba(40, 30, 10, 0.45);
}