/* Design tokens. The ONLY place a color, font, or shadow is defined.
   NOTE: brand green here (#0A5C2E / #12A150) does not match the static-ad
   green (#1b6b2a). Open item 6 in the spec — resolve before launch. */
:root{
  --ink:#12171A;
  --ink-soft:#2C3339;
  --muted:#5B676E;
  --bg:#FAFAFA;
  --surface:#FFFFFF;
  --line:#E6E8EA;
  --brand:#0A5C2E;
  --brand-dk:#073F1F;
  --brand-lt:#12A150;
  --brand-glow:#16C46A;
  --danger:#C62828;
  --shadow:0 18px 50px -18px rgba(10,92,46,.45);
  --radius:14px;
  --radius-lg:20px;
  --shadow-soft:0 4px 32px rgba(0,0,0,.05);
  --display:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  --body:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  --wrap:1180px;

  /* Dev-mode chrome only — the banner and the booking stub SLDev renders on
     a local host (see assets/js/tracking.js, and the .sl-dev-* rules in
     base.css). Deliberately outside the brand palette: nothing a visitor can
     ever see is this colour, which is the point. Dev chrome must be
     impossible to mistake for production chrome. */
  --dev-bg:#FFE234;
  --dev-ink:#1A1400;
  --dev-line:#8A6D00;
}
@font-face{font-family:'Montserrat';src:url('../fonts/montserrat-800.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:'Montserrat';src:url('../fonts/montserrat-900.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:'Poppins';src:url('../fonts/poppins-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Poppins';src:url('../fonts/poppins-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:'Poppins';src:url('../fonts/poppins-600.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Poppins';src:url('../fonts/poppins-700.woff2') format('woff2');font-weight:700;font-display:swap}