:root {
  color-scheme: dark;
  --color-bg: #0b0e11;
  --color-surface: #14191d;
  --color-surface-raised: #1b2227;
  --color-text: #f7f8f5;
  --color-muted: #b5beb8;
  --color-line: #3b4448;
  --color-action: #64e6c4;
  --color-action-ink: #07110e;
  --color-cyan: #58c8e8;
  --color-amber: #f0bd57;
  --color-magenta: #e274ad;
  --color-danger: #ff918b;
  --color-focus: #ffe07a;
  --font-sans: Inter, Aptos, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "Cascadia Mono", Consolas, monospace;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --radius-sm: 4px;
  --radius-md: 8px;
  --content-width: 72rem;
  --text-width: 46rem;
  --header-height: 4.75rem;
  --shadow-raised: 0 1.25rem 3rem rgb(0 0 0 / 35%);
}