:root {
  color-scheme: dark;
  --color-canvas: #0a0e12;
  --color-surface: #11171d;
  --color-surface-raised: #171e25;
  --color-surface-soft: #1c252d;
  --color-border: #2b353e;
  --color-border-strong: #43515c;
  --color-text: #f2f5f6;
  --color-text-muted: #a7b2ba;
  --color-accent: #f2a93b;
  --color-accent-strong: #ffc15c;
  --color-accent-soft: #342817;
  --color-success: #6fcf97;
  --color-success-soft: #173126;
  --color-info: #78aee8;
  --color-info-soft: #172b41;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", 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: 0.35rem;
  --radius-md: 0.65rem;
  --radius-lg: 1rem;
  --shadow-card: 0 1rem 3rem rgb(0 0 0 / 18%);
  --content-width: 100rem;
  --transition: 180ms ease;
}