:root {
  --bg: #0a0a0a;
  --surface: #141414;
  --border: #262626;
  --text: #e8dcc8;
  --text-muted: #8a8178;
  --accent: #c4863c;
  --accent-hover: #d4a76a;
  --code-bg: #1a1a1a;
  --code-text: #e8dcc8;
  --success: #4ade80;
  --error: #f87171;
  --font-heading: "JetBrains Mono", "Space Grotesk", ui-monospace, monospace;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-code: "JetBrains Mono", ui-monospace, monospace;
  --fs-base: 18px;
  --lh-body: 1.7;
  --lh-heading: 1.3;
  --measure: 70ch;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-6: 3rem;
  --space-8: 4rem;
}

@media (prefers-color-scheme: light) {
  :root {
    --bg: #f7f1e8;
    --surface: #fffaf2;
    --border: #ded2c1;
    --text: #181512;
    --text-muted: #6b6258;
    --code-bg: #efe6d8;
    --code-text: #181512;
  }
}

[data-theme="dark"] {
  --bg: #0a0a0a;
  --surface: #141414;
  --border: #262626;
  --text: #e8dcc8;
  --text-muted: #8a8178;
  --code-bg: #1a1a1a;
  --code-text: #e8dcc8;
}

[data-theme="light"] {
  --bg: #f7f1e8;
  --surface: #fffaf2;
  --border: #ded2c1;
  --text: #181512;
  --text-muted: #6b6258;
  --code-bg: #efe6d8;
  --code-text: #181512;
}