:root {
  color-scheme: dark;
  --bg: #05080b;
  --bg-2: #0a1117;
  --ink: #e8eef2;
  --ink-2: #a9b8c1;
  --ink-3: #8b9ba5;
  --line: rgba(232, 238, 242, 0.12);
  --line-2: rgba(232, 238, 242, 0.24);
  --glass: rgba(6, 10, 14, 0.72);
  --glass-2: rgba(8, 13, 18, 0.84);
  --signal: #7fe3ff;
  --signal-dim: rgba(127, 227, 255, 0.14);
  --warm: #ffb36b;

  --serif: 'Instrument Serif', 'Iowan Old Style', 'Palatino Linotype', Georgia, serif;
  --sans: 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --mono: 'Martian Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  --fs-body: clamp(16px, 0.3vw + 14.9px, 17.5px);
  --fs-mono: 10.5px;
  --fs-h1: clamp(54px, 9.4vw, 150px);
  --fs-h2: clamp(40px, 4.6vw, 66px);
  --fs-tag: clamp(21px, 1.6vw, 27px);

  --radius: 16px;
  --pad: clamp(20px, 2.1vw, 30px);
  --gutter: clamp(16px, 4vw, 56px);
  --panel-w: min(520px, 40vw);
  --hud-inset: clamp(12px, 1.8vw, 24px);
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-r: env(safe-area-inset-right, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-l: env(safe-area-inset-left, 0px);
  --scrub-h: 64px;

  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-orbit: cubic-bezier(0.45, 0, 0.2, 1);

  --z-stage: 0;
  --z-content: 2;
  --z-hud: 10;
  --z-reticle: 20;
  --z-downlink: 50;
}