:root {
  --surface: #070707;
  --surface-raised: #111111;
  --line: #2A2A2A;
  --ink: #F4F1EC;
  --ink-muted: #9A968F;
  --signal: #E05A2B;
  --signal-fill: #E05A2B;
  --on-signal: #070707;
  --signal-soft: #2B140C;
  --font-display: "Syne", "DM Sans", system-ui, sans-serif;
  --font-sans: "DM Sans", system-ui, sans-serif;
  --font-mono: "Space Mono", ui-monospace, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 104px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  color-scheme: dark;
}
[data-theme="light"] {
  --surface: #F6F4F0;
  --surface-raised: #FFFFFF;
  --line: #DDD8CF;
  --ink: #0B0B0B;
  --ink-muted: #5E5A54;
  --signal: #B8441C;
  --signal-fill: #E05A2B;
  --on-signal: #070707;
  --signal-soft: #FBE6DC;
  color-scheme: light;
}