:root {
  --bg: #f3f4f6;
  --surface: #ffffff;
  --ink: #0e1726;
  --muted: #5b6578;
  --line: #d5d9e0;
  --accent: #2f4bff;
  --on-accent: #ffffff;
  --display: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  --body: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --radius: 14px;
  --page: 1180px;
  --gutter: clamp(20px, 4vw, 48px);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0d1220;
    --surface: #141b2e;
    --ink: #eef1f8;
    --muted: #93a0b8;
    --line: #232c42;
    --accent: #7b8dff;
    --on-accent: #0d1220;
  }
}