:root {
  --color-background: #F1ECE3;
  --color-surface: #F8F4ED;
  --color-text: #17221C;
  --color-muted: #5A635C;
  --color-primary: #B8925A;
  --color-on-primary: #121D18;
  --color-accent: #7E6033;
  --color-border: #D9D1C3;
  --font-heading: "Cormorant Garamond", serif;
  --font-body: "Karla", sans-serif;
  --text-xs: 0.68rem;
  --text-sm: 0.85rem;
  --text-base: 1.063rem;
  --text-lg: 1.328rem;
  --text-xl: 1.66rem;
  --text-2xl: 2.075rem;
  --text-3xl: 2.594rem;
  --text-4xl: 3.242rem;
  --text-5xl: 4.053rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --radius-sm: 0.125rem;
  --radius-md: 0.25rem;
  --radius-lg: 0.25rem;
  --radius-pill: 999px;
  --shadow-sm: 0 1px 2px rgb(18 29 24 / 0.06);
  --shadow-md: 0 14px 30px rgb(18 29 24 / 0.14);
  --shadow-lg: 0 30px 60px rgb(18 29 24 / 0.24);
  --measure: 65ch;
  --width-narrow: 45rem;
  --width-wide: 77.5rem;
  --screen: 100svh;
  --duration: 320ms;
}