/* Elevate theme: the ONLY place colours, fonts, sizes, spacing, radii and shadows are set.
   Palette (Geoff 2026-Oct-26): white, creme, tan (palm-thatch roofs), light grey (container steel), jungle greens. */
:root {
  /* colours */
  --c-white: #ffffff;
  --c-creme: #f6f0e4;
  --c-creme-deep: #ede3d0;
  --c-tan: #c9a878;
  --c-tan-deep: #9c7a4c;
  --c-steel: #d9dcda;
  --c-steel-mid: #a9afac;
  --c-jungle: #2e4a3a;
  --c-jungle-deep: #1b2f24;
  --c-leaf: #5f8060;
  --c-ink: #1f2a24;
  --c-ink-soft: #4b5a51;
  --c-overlay: rgba(19, 33, 25, 0.55);
  --c-overlay-soft: rgba(19, 33, 25, 0.18);
  --c-header-glass: rgba(246, 240, 228, 0.92);
  --c-card-on-dark: rgba(255, 255, 255, 0.04);
  --c-line-on-dark: rgba(217, 220, 218, 0.18);

  /* type */
  --font-display: 'Cormorant Garamond', 'Iowan Old Style', Georgia, serif;
  --font-body: 'Jost', 'Avenir Next', 'Segoe UI', system-ui, sans-serif;
  --fs-xs: 0.78rem;
  --fs-sm: 0.92rem;
  --fs-body: 1.08rem;
  --fs-lead: clamp(1.2rem, 1.05rem + 0.6vw, 1.45rem);
  --fs-h3: clamp(1.35rem, 1.2rem + 0.6vw, 1.7rem);
  --fs-h2: clamp(2.1rem, 1.6rem + 2.2vw, 3.6rem);
  --fs-hero: clamp(2.4rem, 0.8rem + 9vw, 9rem);
  --tracking-hero: clamp(0.12em, 0.05em + 1.2vw, 0.32em);
  --fs-hero-sub: clamp(1.25rem, 1rem + 1.2vw, 2.1rem);
  --lh-body: 1.75;
  --lh-tight: 1.08;
  --tracking-wide: 0.32em;
  --tracking-mid: 0.16em;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;

  /* spacing */
  --sp-1: 0.5rem;
  --sp-2: 1rem;
  --sp-3: 1.5rem;
  --sp-4: 2.25rem;
  --sp-5: 3.5rem;
  --sp-6: clamp(4rem, 3rem + 5vw, 8rem);
  --gutter: clamp(1rem, 0.6rem + 2.4vw, 3rem);

  /* layout */
  --w-text: 40rem;
  --w-wide: 76rem;
  --header-h: 4.5rem;
  --btn-h: 3rem;
  --btn-h-sm: 2.4rem;
  --tile-min: 12rem;
  --header-blur: 10px;
  --reveal-shift: 24px;

  /* shape + depth */
  --r-sm: 4px;
  --r-md: 14px;
  --r-lg: 28px;
  --r-pill: 999px;
  --rule: 1px solid var(--c-steel);
  --rule-tan: 1px solid var(--c-tan);
  --shadow-soft: 0 18px 40px -22px rgba(27, 47, 36, 0.45);
  --shadow-lift: 0 30px 60px -30px rgba(27, 47, 36, 0.55);
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 180ms;
  --t-slow: 900ms;
}