:root {
  --bg: #0A0A0A;
  --fg: #F5F2EE;
  --o: #FF7A2F;
  --mut: #a9a5a0;
  --ghost: #5e5e5e;
  --ghost-hover: #8a8a8a;
  --on-o: #120700;
  --line: #262626;
  --line-2: #2e2e2e;
  --line-3: #4a4a4a;
  --bar: rgba(12, 12, 14, .94);

  /* Scene palettes (spec §4): background, text, secondary text. The page takes the colour of the
     section under the middle line; js/palette.js switches it. */
  --p-dark: #0A0A0A;   --p-dark-ink: #F5F2EE;   --p-dark-mut: #a9a5a0;
  --p-navy: #0D1420;   --p-navy-ink: #CFD8E6;   --p-navy-mut: #8d9bb0;
  --p-orange: #FF7A2F; --p-orange-ink: #120700; --p-orange-mut: #3d1a06;

  --d: 'Unbounded', system-ui, sans-serif;
  --t: 'Inter Tight', system-ui, sans-serif;
  --side: clamp(16px, 4vw, 40px);
}