/* WorkWell Offices — design tokens
   Single source of truth for colour, type, spacing and shape.
   Mirrors the WorkWell brand guidelines v1.0. */
:root {
  /* Core palette */
  --ww-green:#193028;        /* primary, dark bands, primary button on light */
  --ww-green-hover:#0f1f19;
  --ww-navy:#112332;         /* editorial / insights heroes */
  --ww-terra:#843C21;        /* single warm accent, primary button on dark */
  --ww-terra-hover:#6c3019;
  --ww-sage:#A59F87;         /* supporting bands */
  --ww-gold:#B4AB80;         /* logo mark + line art, decorative only */
  /* Neutrals */
  --ww-paper:#F6EDE9;        /* default background */
  --ww-paper-light:#FBF7F3;  /* a touch lighter than paper, for subtle bands */
  --ww-blush:#ECD8D4;        /* warm deeper neutral (Figma cards band) */
  --ww-sand:#E4DACD;         /* alternating background */
  --ww-ink:#1C1C1C;          /* body text */
  --ww-ink-70:rgba(28,28,28,.7);
  --ww-white:#ffffff;
  --ww-line:rgba(28,28,28,.12);

  /* Typography */
  --font-serif:"Fraunces",Georgia,"Times New Roman",serif;
  --font-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fs-display:clamp(2.6rem,1.4rem + 4.6vw,4.4rem);
  --fs-h1:clamp(2.3rem,1.5rem + 3.2vw,3.6rem);
  --fs-h2:clamp(1.9rem,1.4rem + 2.1vw,2.7rem);
  --fs-h3:clamp(1.3rem,1.1rem + .9vw,1.7rem);
  --fs-stat:clamp(2.6rem,1.8rem + 3vw,4rem);
  --fs-body:1.0625rem;
  --fs-lead:1.1875rem;
  --fs-small:.875rem;
  --fs-eyebrow:.78rem;
  --lh-tight:1.12;
  --lh-snug:1.3;
  --lh-body:1.65;
  --track-eyebrow:.14em;
  --track-wordmark:.18em;

  /* Spacing scale */
  --space-3xs:.25rem; --space-2xs:.5rem; --space-xs:.75rem; --space-sm:1rem;
  --space-md:1.5rem; --space-lg:2rem; --space-xl:3rem; --space-2xl:4.5rem;
  --space-3xl:6rem;
  --section-y:clamp(3.5rem,2rem + 6vw,7rem);

  /* Shape + layout */
  --radius:14px; --radius-lg:20px; --radius-pill:999px;
  --container:1200px; --container-wide:1320px; --container-narrow:720px;
  --gutter:clamp(1.25rem,4vw,2.5rem);
  --shadow-sm:0 1px 2px rgba(28,28,28,.05),0 6px 18px rgba(28,28,28,.04);
  --shadow-md:0 10px 30px rgba(17,35,50,.10);
  --ease:cubic-bezier(.22,.61,.36,1);
}