/* --space-1..6: 4/8/14/20/28/40px. Shared spacing scale — use these for
   margin/gap between elements instead of one-off px values, so future
   edits stay consistent instead of drifting (e.g. the 4px-gap bug fixed
   on the booking page and the 0px-gap bug on the tours page). */
:root{--white:#fff;--black:#000;--surface-blue:#eaf2f9;--surface-blue-strong:#c8dae8;--surface-alt:#f6f7fa;--blue:#1a365d;--blue-deep:#16304b;--gold:#E8B923;--gold-border:rgba(232,185,35,0.58);--gold-focus:rgba(232,185,35,0.18);--whatsapp:#25d366;--success:#096a35;--red:#C0392B;--text:var(--black);--muted:rgba(0,0,0,0.72);--surface-border:var(--gold-border);--white-muted:rgba(255,255,255,0.94);--muted-soft:rgba(0,0,0,0.72);--muted-mid:rgba(0,0,0,0.74);--muted-strong:rgba(0,0,0,0.78);--muted-link:rgba(0,0,0,0.84);--blue-line-strong:rgba(26,54,93,0.12);--overlay-soft:rgba(13,24,38,0.50);--overlay-strong:rgba(13,24,38,0.76);--gold-border-soft:rgba(232,185,35,0.28);--gold-border-mid:rgba(232,185,35,0.35);--gold-border-strong:rgba(232,185,35,0.48);--shadow:0 18px 48px rgba(26,54,93,0.10);--shadow-card:0 12px 30px rgba(26,54,93,0.08);--shadow-card-light:0 8px 20px rgba(26,54,93,0.05);--shadow-pill:0 10px 26px rgba(26,54,93,0.14);--shadow-button:0 10px 24px rgba(26,54,93,0.18);--shadow-button-soft:0 10px 24px rgba(26,54,93,0.10);--shadow-hover:0 24px 60px rgba(26,54,93,0.16);--shadow-menu:0 24px 70px rgba(0,0,0,0.32);--shadow-modal:0 28px 86px rgba(0,0,0,0.32);--radius-lg:36px;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;--font-display:Georgia,"Times New Roman",serif;--pill-height:50px;--ease-ios:cubic-bezier(0.16,1,0.3,1);--gold-ink:#8C6400;--fs-2:0.76rem;--fs-3:0.86rem;--fs-4:0.94rem;--fs-5:1rem;--fs-6:1.12rem;--fs-7:1.25rem;--fs-8:1.35rem;--fs-9:1.55rem;--fs-11:2.2rem;--fs-12:2.65rem;--space-1:4px;--space-2:8px;--space-3:14px;--space-4:20px;--space-5:28px;--space-6:40px}