/* ============================================================================ Default hotel-site template (Phase 1). Loaded only on standalone per-hotel websites, after site.css, so these tokens override the chain palette. Scoped to .hotel-site (added to in hotel-site mode) so it can never leak into the chain site. Swap/extend this file — or add sibling files referenced by other HotelSiteTemplates rows — to give each template its own look. See docs/hotel-sites-plan.md §7. ============================================================================ */ body.hotel-site { /* Re-skin: a calmer, deep-teal identity distinct from the chain's maroon. */ --primary-color: #0f5e5a; --primary-hover: #0a4744; --accent-color: #c9a227; /* warm gold accent */ --primary-color-rgb: 15, 94, 90; } /* Reassert the tokens on the common chain components that hard-reference the maroon via !important, so the standalone skin actually takes effect. */ body.hotel-site .btn-primary, body.hotel-site .booking-bar, body.hotel-site .navbar .book-now { background: var(--primary-color) !important; border-color: var(--primary-color) !important; } body.hotel-site .btn-primary:hover, body.hotel-site .navbar .book-now:hover { background: var(--primary-hover) !important; border-color: var(--primary-hover) !important; } body.hotel-site a { color: var(--primary-color); }