:root {
  --bg: #0b0d17;
  --bg-elevated: #141726;
  --fg: #e7e9f3;
  --muted: #8b90b5;
  --border: #242844;
  --accent: #7c5cff;
  --radius: 14px;
  --radius-sm: 8px;
  --shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
  --maxw: 1120px;
  --space: clamp(1rem, 2vw, 2rem);
  --font: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --transition: 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

:root[data-theme='light'] {
  --bg: #f6f7fb;
  --bg-elevated: #ffffff;
  --fg: #12141f;
  --muted: #5a6079;
  --border: #dfe2ee;
  --shadow: 0 20px 60px rgba(15, 20, 40, 0.12);
}