:root {
  color-scheme: dark;
  --palette-ink: #111014;
  --palette-charcoal: #19171e;
  --palette-raised: #211e28;
  --palette-white: #f4f1fa;
  --palette-grey: #b7b0c4;
  --palette-lavender: #8f73d4;
  --palette-lavender-light: #bca4f5;
  --palette-violet: #988dff;
  --palette-plum: #7a376d;
  --palette-green: #a2dfbc;
  --palette-red: #ffb3bd;
  --color-bg: var(--palette-ink);
  --color-surface: var(--palette-charcoal);
  --color-surface-raised: var(--palette-raised);
  --color-text: var(--palette-white);
  --color-muted: var(--palette-grey);
  --color-accent: var(--palette-lavender);
  --color-link: var(--palette-lavender-light);
  --color-on-accent: var(--palette-ink);
  --color-border: #39333f;
  --color-control-border: #766b85;
  --color-focus: #d6c3ff;
  --color-success: var(--palette-green);
  --color-error: var(--palette-red);
  --font-body: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: clamp(1.25rem, 1.1rem + .5vw, 1.5rem);
  --text-2xl: clamp(1.75rem, 1.4rem + 1vw, 2.5rem);
  --text-hero: clamp(2.6rem, 1.7rem + 4vw, 5rem);
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --content-width: 70rem;
  --reading-width: 65ch;
  --page-gutter: clamp(1.25rem, 4vw, 3rem);
  --section-space: clamp(3.5rem, 7vw, 6rem);
  --border-width: 1px;
  --radius-sm: .375rem;
  --radius-md: .75rem;
  --radius-pill: 999px;
  --shadow-soft: 0 12px 32px rgb(0 0 0 / .12);
  --motion-fast: 160ms;
  --motion-ease: ease-out;
  --anchor-offset: 6rem;
}