:root {
  --bg: #f4f1ea;
  --surface: #fffcf7;
  --surface-2: #ece7dc;
  --text: #17191e;
  --muted: #5c6370;
  --border: #d7d0c3;
  --primary: #1c3557;
  --primary-hover: #152843;
  --secondary: #35586f;
  --accent: #a33b16;
  --success: #1f6b45;
  --warning: #8a5a12;
  --error: #9b2430;
  --focus: #1c3557;
  --header: #11151c;
  --header-text: #f4f1ea;
  --header-muted: #b7c0cc;
  --link: #1c3557;
  --link-hover: #a33b16;
  --code-bg: #ece8df;
  --shadow: 0 1px 0 rgba(23, 25, 30, 0.06);
  --radius: 4px;
  --max: 72rem;
  --prose: 42rem;
  --space: 1.15rem;
  --font: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --font-sans: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", "Consolas", monospace;
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-md: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.5rem;
  --fs-2xl: 2rem;
  --fs-3xl: 2.75rem;
  --lh: 1.7;
  --lh-tight: 1.25;
}

[data-theme="dark"] {
  --bg: #12151b;
  --surface: #1a1e26;
  --surface-2: #232833;
  --text: #ece8df;
  --muted: #9aa3b2;
  --border: #333a48;
  --primary: #c9d6ea;
  --primary-hover: #ffffff;
  --secondary: #8fb0c8;
  --accent: #e08a62;
  --header: #0c0e12;
  --header-text: #ece8df;
  --header-muted: #8b95a6;
  --link: #c9d6ea;
  --link-hover: #e08a62;
  --code-bg: #232833;
  --shadow: none;
}