:root {
  --color-forest: #284d3f;
  --color-forest-dark: #17382e;
  --color-forest-soft: #3c6958;
  --color-sage: #9bb3a6;
  --color-sage-light: #dce7e0;
  --color-sage-pale: #edf3ef;
  --color-cream: #faf8f2;
  --color-sand: #eee7da;
  --color-sand-dark: #d8cab7;
  --color-white: #ffffff;
  --color-ink: #21322c;
  --color-text: #53635d;
  --color-muted: #78867f;
  --color-line: rgba(40, 77, 63, 0.14);
  --color-danger: #a63d40;
  --color-success: #327256;

  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Manrope", "Segoe UI", sans-serif;

  --container-width: 1180px;
  --container-gutter: clamp(1.25rem, 4vw, 2.5rem);
  --header-height: 5.5rem;

  --radius-sm: 0.65rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-xl: 2.25rem;
  --radius-pill: 999px;

  --shadow-soft: 0 18px 60px rgba(34, 57, 48, 0.09);
  --shadow-card: 0 10px 38px rgba(34, 57, 48, 0.08);
  --shadow-float: 0 22px 70px rgba(27, 53, 43, 0.18);

  --transition-fast: 180ms ease;
  --transition-base: 300ms cubic-bezier(.2,.65,.3,1);
  --transition-slow: 600ms cubic-bezier(.2,.65,.3,1);
}