:root {
  color-scheme: dark;
  --bg: #0d0c11;
  --surface: #16141d;
  --surface-raised: #211c2c;
  --text: #f5f4f8;
  --muted: #bdb9c7;
  --accent: #c2a9ff;
  --accent-strong: #7256b8;
  --line: #ffffff24;
  --radius: 16px;
  --radius-large: 24px;
  --radius-pill: 999px;
  --max: 1280px;
  --font-display: "DM Sans", sans-serif;
  --font-body: Inter, Arial, sans-serif;
  --motion-fast: 180ms;
  --motion-enter: 900ms;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --shadow-raised: 0 24px 64px #0005;
  --space-section: clamp(64px, 8vw, 128px);
}