:root,
[data-theme="light"] {
  --color-bg: oklch(97% 0.007 75);
  --color-surface: oklch(99% 0.005 75);
  --color-text: oklch(22% 0.02 260);
  --color-muted: oklch(45% 0.02 260);
  --color-border: oklch(85% 0.01 75);
  --color-accent: oklch(62% 0.155 68);
  --color-accent-secondary: oklch(41% 0.12 210);
  --color-callout-note-bg: oklch(95% 0.02 210);
  --color-callout-note-border: oklch(60% 0.1 210);
  --color-callout-lore-bg: oklch(95% 0.03 75);
  --color-callout-lore-border: oklch(62% 0.155 68);
  --color-callout-warn-bg: oklch(94% 0.04 30);
  --color-callout-warn-border: oklch(58% 0.16 30);
  --color-infobox-bg: oklch(98% 0.01 75);
  --color-infobox-border: oklch(82% 0.02 75);

  --font-heading: "Cinzel", "Palatino Linotype", serif;
  --font-body: "Crimson Pro", Georgia, serif;
  --font-mono: "JetBrains Mono", Consolas, monospace;
}

[data-theme="dark"] {
  --color-bg: oklch(11% 0.022 265);
  --color-surface: oklch(15% 0.022 265);
  --color-text: oklch(90% 0.01 80);
  --color-muted: oklch(68% 0.02 80);
  --color-border: oklch(28% 0.02 265);
  --color-accent: oklch(76% 0.13 75);
  --color-accent-secondary: oklch(70% 0.1 210);
  --color-callout-note-bg: oklch(20% 0.03 210);
  --color-callout-note-border: oklch(55% 0.1 210);
  --color-callout-lore-bg: oklch(20% 0.03 75);
  --color-callout-lore-border: oklch(70% 0.13 75);
  --color-callout-warn-bg: oklch(22% 0.05 30);
  --color-callout-warn-border: oklch(62% 0.15 30);
  --color-infobox-bg: oklch(16% 0.02 265);
  --color-infobox-border: oklch(30% 0.02 265);
}