:root {
  --bone:#F3EFE8; --sage:#85887D; --espresso:#1B1715; --blush:#D6C1B7;
  --copper:#B77C66; --chartreuse:#C9FF2E; --secondary-text:#57534F;
  --postcode-warning:#854c3a; --line:#1b17152e; --dark-line:#f3efe838;
  /* Provisional pairing: Arial + Georgia, using installed system fonts only.
     No font files are distributed. See outputs/DRAFT-NOTES.md. */
  --font-sans:Arial,Helvetica,sans-serif; --font-editorial:Georgia,'Times New Roman',serif;
  --hero-size:clamp(3.25rem,7.7vw,8rem); --section-size:clamp(2.5rem,5.7vw,5.5rem);
  --body-size:clamp(1rem,1.4vw,1.25rem); --label-size:.75rem;
  --page-gutter:clamp(1.25rem,4.8vw,5rem); --section-space:clamp(4.5rem,9vw,9rem);
  --float-duration:12s; --cursor-travel:8px; --motion-duration:220ms;
}
/* Hero motion: total travel 5px horizontally and 10px vertically. */
:root{--orb-float-x:2.5px;--orb-float-y:5px}
/* Central motion settings for the layered hero. */
:root{--orb-rise-duration:7.2s;--orb-sway-duration:6.3s;--orb-shape-duration:8.3s;--orb-rise:10px;--orb-sway:4px;--orb-tilt:.7deg;--orb-scale:1.008;--hero-cursor-range:4;--caustic-duration:17s;--header-height:126px}
@media(max-width:700px){:root{--orb-rise:5px;--orb-sway:2px;--orb-tilt:.35deg;--orb-scale:1.004;--header-height:150px}}
/* More visible drift, without changing the artwork or its resting dimensions. */
:root{--orb-rise:15px;--orb-sway:6px;--orb-tilt:.65deg;--caustic-duration:5.8s}
@media(max-width:850px){:root{--orb-rise:6px;--orb-sway:2px;--orb-tilt:.3deg}}
/* Light mineral grey-green derived from the hero's muted sage direction. */
:root{--estimate-surface:#d0d1c7;--estimate-glass-input:#eeeee8;--estimate-glass-result:#e2e3da}
:root{--footer-surface:#2b2623}