:root {
  --color-bg-base: #030b18;
  --color-ink-deep: #01040e;
  --color-bg-alt: #071020;
  --color-surface: #091628;
  --color-surface-hover: #0c1a31;
  --color-line: #223149;
  --color-text: #eef1f6;
  --color-text-on-accent: #fff;
  --color-text-dim: #b1b8c9;
  --color-text-ui: #838da4;
  --color-text-faint: #72809a;
  --color-text-receded: #536079;
  --color-accent: #1768c8;
  --color-accent-hover: #2174d4;
  --color-accent-soft: #9bbce2;
  --color-accent-surface: #192f52;
  --overlay-home-field: rgba(8, 23, 39, .88);
  --overlay-header: rgba(1, 4, 14, .92);
  --overlay-floating: rgba(9, 24, 44, .64);
  --overlay-backdrop: rgba(0, 0, 0, .48);
  --overlay-accent-wash: rgba(23, 104, 200, .18);
  --overlay-accent-edge: rgba(151, 187, 224, .26);
  --overlay-white-quiet: rgba(255, 255, 255, .07);
  --overlay-artwork: rgba(0, 3, 10, .78);
  --overlay-share-control: rgba(9, 24, 44, .44);
  --overlay-share-control-hover: rgba(9, 24, 44, .62);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-16: 64px;
  --radius-control: 3px;
  --radius-panel: 5px;
  --radius-popover: 9px;
  --radius-media: 12px;
  --radius-card: 14px;
  --radius-glass: 18px;
  --radius-pill: 999px;
  --motion-fast: 150ms;
  --motion-ui: 180ms;
  --motion-page: 240ms;
  --motion-slow: 280ms;
  --ease-standard: cubic-bezier(.2, .7, .2, 1);
  --system-rail: 1280px;
  --reading-rail: 1200px;
}