:root {
  --bg: #faf7f2;
  --ink: #2b2430;
  --accent: #5b3a5e;
  --sage: #8a9a7b;
  --terracotta: #c7704f;
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: Manrope, Helvetica, Arial, sans-serif;
  --radius: 12px;
  --space: 1rem;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #1b171d;
    --ink: #f1ecf2;
  }
}

:root[data-theme="dark"] {
  --bg: #1b171d;
  --ink: #f1ecf2;
}

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-body);
  padding-inline: 16px;
}