@layer theme {
:root {
  --color-bg: #fbf8f3;
  --color-fg: #1f1a14;
  --color-accent: #8a3b12;
  --color-muted: #f1ebe1;
  --color-line: #d8cfc2;
  --font-body: Georgia, "Times New Roman", serif;
  --font-heading: Georgia, serif;
  --type-scale: 1.25;
  --radius: 6px;
  --space: 1rem;
  --motion: 0.2s;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="light"]) {
  --color-bg: #16130f;
  --color-fg: #f1ebe1;
  --color-accent: #e59a6a;
  --color-muted: #231e18;
  --color-line: #3a3229;
}
}
:root[data-theme="dark"] {
  --color-bg: #16130f;
  --color-fg: #f1ebe1;
  --color-accent: #e59a6a;
  --color-muted: #231e18;
  --color-line: #3a3229;
}
}