:root {
  --cream: #F2EDE3;
  --paper: #FBF8F2;
  --sand: #E7DFD0;
  --line: #D8D0C2;
  --clay: #C9A88A;
  --terracotta: #B86A4B;
  --terracotta-deep: #934E36;
  --moss: #2F3A2E;
  --moss-soft: #5A6B52;
  --ink: #3A332C;
  --charcoal: #1F1C18;
  --bg: var(--cream);
  --bg-alt: var(--paper);
  --fg: var(--charcoal);
  --fg-soft: var(--ink);
  --accent: var(--terracotta);
  --accent-deep: var(--terracotta-deep);
  --rule: var(--line);

  --font-display: "Fraunces", "Cormorant Garamond", Georgia, serif;
  --font-body: "Manrope", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --fs-eyebrow: 0.78rem;
  --fs-body: 1.0625rem;
  --fs-lead: 1.25rem;
  --fs-h4: 1.5rem;
  --fs-h3: 2.125rem;
  --fs-h2: clamp(2.25rem, 4vw, 3.75rem);
  --fs-h1: clamp(2.75rem, 7vw, 6.5rem);

  --lh-tight: 1.05;
  --lh-snug: 1.2;
  --lh-body: 1.55;

  --tracking-tight: -0.02em;
  --tracking-snug: -0.01em;
  --tracking-wide: 0.16em;
  --tracking-eyebrow: 0.22em;

  --s-1: 0.5rem;
  --s-2: 1rem;
  --s-3: 1.5rem;
  --s-4: 2rem;
  --s-5: 3rem;
  --s-6: 4rem;
  --s-7: 6rem;
  --s-8: 9rem;
  --s-9: 12rem;

  --col-narrow: 38rem;
  --col-text: 46rem;
  --col-wide: 76rem;
  --col-max: 90rem;

  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-pill: 999px;

  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-in-out: cubic-bezier(0.6, 0, 0.2, 1);
  --t-fast: 180ms;
  --t-med: 360ms;
  --t-slow: 700ms;
}