:root {
  /* Palette */
  --color-bg: #fbf9f6;
  --color-ink: #2c2a29;
  --color-accent: #4a503d;
  --color-muted: #8f9779;
  --color-border: rgba(44, 42, 41, 0.1);
  --color-card: #ffffff;

  /* Typography */
  --font-serif: "Playfair Display", serif;
  --font-sans: "Plus Jakarta Sans", sans-serif;

  /* Spacing Scale (Tailwind defaults are good, but we can anchor them) */
  --space-gutter: 1.5rem; /* 24px */
}

@media (min-width: 768px) {
  :root {
    --space-gutter: 2.5rem; /* 40px */
  }
}