:root {
  /* Palette — brand greens (client logo: dark olive green + pale sage) over warm cream */
  --c-green: #3E473A;
  --c-green-deep: #2F3629;
  --c-sage: #EFEEE2;             /* soft ivory-white secondary */
  --c-primary: #D7D9A7;          /* pale sage-olive — primary button background */
  --c-terracotta: #B08157;       /* legacy/warm accents only */
  --c-terracotta-deep: #9A6B42;
  --c-cream: #F3E7D9;
  --c-bg: #FAF5EC;
  --c-ink: #3D2E23;
  --c-ink-deep: #2B211A;
  --c-accent: #7D2C23;
  --c-white: #FFFFFF;

  /* Type */
  --font-display: 'SheerDisplay', Georgia, serif;
  --font-body: 'SheerSans', -apple-system, sans-serif;
  --fs-hero: clamp(2.6rem, 7vw, 4.5rem);
  --fs-h2: clamp(2.2rem, 5vw, 3.4rem);
  --fs-h3: clamp(1.3rem, 2.5vw, 1.75rem);
  --fs-body: 1.0625rem;
  --lh-tight: 1.1;
  --lh-body: 1.65;
  --ls-wide: .18em;

  /* Spacing rhythm (lablabi reference: sections breathe 60–110px) */
  --sp-1: 8px; --sp-2: 16px; --sp-3: 24px; --sp-4: 40px;
  --sp-5: 64px; --sp-6: 96px; --sp-7: 128px;
  --container: 1200px;
  --container-wide: 1440px;

  /* Motion (extracted from lablabi) */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur-fast: 200ms; --dur-md: 300ms; --dur-slow: 600ms; --dur-reveal: 900ms;

  --radius: 4px;
  --radius-img: 14px;            /* generous, consistent rounding for all content imagery */
  --shadow-soft: 0 12px 40px rgba(43, 33, 26, .12);
}