:root {
  --bg: #F6F3EE;
  --foreground: #0E0E0C;
  --brand: #1F3A2E;
  --brand-foreground: #F6F3EE;
  --muted: #7A756D;
  --border: #E4DED4;
  --destructive: #8B1E1E;

  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Inter", system-ui, -apple-system, Helvetica, Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --maxw: 1400px;
  --gutter: 2rem;
  --radius: 2px;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

@media (max-width: 768px) {
  :root { --gutter: 1.25rem; }
}