:root {
  --color-bg: #04131a;
  --color-surface: #0a1f27;
  --color-grid: #12404c;
  --color-raise: #0c242d;
  --color-code: #0d2a33;
  --color-accent-1: #2dd4bf;
  --color-accent-2: #5eead4;
  --color-accent-3: #22d3ee;
  --color-emphasis: #a5f3fc;
  --color-text: #e6fbff;
  --color-text-muted: #9cc3cc;
  --color-focus: #22d3ee;
  --font-family-reading: Newsreader, Georgia, serif;
  --font-family-mono: 'DM Mono', ui-monospace, Menlo, monospace;
  --font-family-sans: Inter, system-ui, sans-serif;
  --font-family-heading: Newsreader, Georgia, serif;
  --font-family-body: 'DM Mono', ui-monospace, Menlo, monospace;
  --font-size-caption: 0.6875rem;
  --font-size-label: 0.75rem;
  --font-size-ui: 0.8125rem;
  --font-size-base: 1rem;
  --font-size-wordmark: 1.375rem;
  --font-size-reading-sm: 1.15625rem;
  --font-size-reading: 1.21875rem;
  --font-size-dek: 1.375rem;
  --font-size-dek-sm: 1.1875rem;
  --font-size-h2-sm: 1.5rem;
  --font-size-h1-sm: 1.9375rem;
  --font-size-h2: 1.75rem;
  --font-size-h1: clamp(2rem, 3.6vw, 2.875rem);
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.1;
  --line-height-snug: 1.2;
  --line-height-ui: 1.45;
  --line-height-reading: 1.62;
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 1.75rem;
  --spacing-2xl: 2.5rem;
  --spacing-3xl: 4rem;
  --border-radius-none: 0px;
  --border-radius-sm: 2px;
  --shadow-window: 0 30px 80px 0 rgba(0,0,0,0.55);
  --shadow-drawer: 20px 0 40px 0 rgba(0,0,0,0.5);
  --motion-fast: 150ms;
  --motion-open: 200ms;
  --motion-panel: 300ms;
  --radius-selector: 2px;
  --radius-field: 0px;
  --radius-box: 0px;
}