/**
 * DESIGN TOKENS
 * A natural-resource / land-investment palette: limestone paper, deep
 * basin dark, muted moss green and a sparing bronze accent. Deliberately
 * not blue — the water register is carried by the contour-line motif,
 * not by color.
 */

:root {
  /* ---- color ---- */
  --basin: #0e1e1b;         /* deep teal-black — hero/footer/dark grounds */
  --basin-soft: #16302a;    /* lifted dark, panels on basin */
  --ink: #17201c;           /* body text on light grounds */
  --ink-soft: #4a534c;      /* secondary text on light grounds */
  --paper: #eff0e9;         /* primary light ground — limestone, not cream */
  --paper-raised: #f7f7f1;  /* cards / raised light surfaces */
  --mist: #dbe6df;          /* pale alternating section ground */
  --moss: #3c5245;          /* primary accent — links, fills, focus */
  --moss-light: #7c9587;    /* moss on dark grounds */
  --clay: #8a7150;          /* secondary accent — sparing use only */
  --line: rgba(23, 32, 28, 0.14);      /* hairline rule on light */
  --line-on-dark: rgba(239, 240, 233, 0.18);
  --paper-on-dark: #eff0e9;
  --survey-bg: #eaf4f0;      /* pale sage — survey section ground */
  --drop-top: #a8ecf2;       /* survey drop + map pin gradient, top */
  --drop-bottom: #2f8fc4;    /* survey drop + map pin gradient, bottom */
  --turquoise: #2f8fc4;      /* blue-turquoise — selected/focus accent, matches the drop */
  --ice: #eaf6fb;            /* pale ice-blue — selected option tint */
  --warn: #a8503a;           /* muted terracotta — validation messages */

  /* ---- type ---- */
  --font-display: "Montserrat", "Segoe UI", system-ui, sans-serif;
  --font-body: "Montserrat", "Segoe UI", system-ui, sans-serif;
  --font-accent: "Montserrat", "Segoe UI", system-ui, sans-serif;

  /* ---- scale ---- */
  --step-caption: clamp(0.7rem, 0.66rem + 0.2vw, 0.78rem);
  --step-body: clamp(1rem, 0.96rem + 0.2vw, 1.08rem);
  --step-lede: clamp(1.2rem, 1.05rem + 0.6vw, 1.5rem);
  --step-h3: clamp(1.4rem, 1.2rem + 1vw, 1.9rem);
  --step-h2: clamp(2rem, 1.6rem + 2vw, 3.1rem);
  --step-h1: clamp(2.6rem, 1.9rem + 3.6vw, 5.4rem);

  /* ---- layout ---- */
  --nav-height: 88px;
  --max-width: 1320px;
  --gutter: clamp(1.25rem, 3vw, 3.5rem);
  --section-pad: clamp(4.5rem, 9vw, 8.5rem);
  --radius: 2px;

  /* ---- motion ---- */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 220ms;
  --dur-med: 520ms;
  --dur-slow: 900ms;
}

@media (prefers-color-scheme: dark) {
  /* The site intentionally ships one authored theme (a light "paper"
     ground with a dark hero/footer) rather than a system dark mode —
     no token overrides here. */
}