/* Coolcation official logo palette, 12 October 2026. */
:root{--brand-petrol:#05556e;--brand-turquoise:#099eaf;--brand-water:#18c7d6;--primary:var(--brand-petrol);--deep:var(--brand-petrol);--signal:#f5cb4d;--secondary:#bceff3;--ink:#143e4c;--pale:#edf9fb;--muted:#4b6570;--line:#c2e2e8}
.header{background:#fff}
.brand{display:inline-flex;flex:none;align-items:center;line-height:1;letter-spacing:normal}
.brand-logo{display:block;position:relative;overflow:hidden;width:210px;aspect-ratio:1720 / 300;background:#fff}
.brand-logo img{position:absolute;display:block;left:-6.39535%;top:-76.66667%;width:112.90698%;max-width:none;height:auto}
footer .brand{background:transparent;padding:0;border-radius:0}
footer .brand-logo{width:200px;background:transparent;aspect-ratio:1820 / 330}
footer .brand-logo img{position:absolute;display:block;left:-3.57143%;top:-66.66667%;width:106.81319%;max-width:none;height:auto}
.button:hover{background:#04465b}
.finder-section{background:#bceff3}
.steps button.active,.steps button[aria-current="step"]{color:var(--brand-petrol)}
.steps button.active span{background:var(--brand-petrol);border-color:var(--brand-petrol)}
.slide-copy .button.light,.offer-button,.finder-actions .button,.cookie-button-primary{background:var(--signal);color:var(--ink);border-color:var(--signal);box-shadow:0 6px 20px #05556e26}
.slide-copy .button.light:hover,.offer-card:hover .offer-button,.offer-card:focus-visible .offer-button,.finder-actions .button:hover,.cookie-button-primary:hover{background:#ffdc70;color:var(--ink);border-color:#ffdc70}
input[type="range"],input[type="checkbox"],input[type="radio"]{accent-color:var(--brand-turquoise)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--brand-petrol)}
@media(max-width:1200px){.header{gap:18px}.header .desktop-nav{gap:18px}.header .brand-logo{width:185px}}
@media(max-width:1000px){.header .desktop-nav{display:none}.header .mobile-menu{display:block;position:relative;margin-left:auto}.header .mobile-menu summary{display:flex;align-items:center;gap:8px;list-style:none;border:1px solid var(--line);border-radius:5px;padding:8px 11px;background:#fff;color:var(--ink);cursor:pointer}.header .mobile-menu summary::-webkit-details-marker{display:none}.header .mobile-menu nav{position:absolute;top:calc(100% + 10px);right:0;z-index:50;display:grid;gap:0;width:235px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:7px;box-shadow:0 14px 35px #05556e26}.header .mobile-menu nav a{padding:10px 12px}.header .mobile-menu nav a:hover{background:var(--pale)}}
@media(max-width:560px){.header .brand-logo{width:164px}.header{gap:12px}.header .header-cta{display:none}footer .brand-logo{width:180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Action buttons retain the original orange-yellow accent. Selection controls remain teal. */
.button,.button.light,.gold-button,.offer-cta,.destination-offer-cta,.landing-actions .button,.landing-last-cta .button{background:var(--signal);color:var(--ink);border-color:var(--signal)}
.button:hover,.button.light:hover,.gold-button:hover,.offer-cta:hover,.destination-offer-cta:hover,.landing-actions .button:hover,.landing-last-cta .button:hover{background:#ffdc70;color:var(--ink);border-color:#ffdc70}
/* Shared surfaces and the Index use the official logo palette. */
footer{background:#d3eaf0}
.offers,.home-countries{background:#f0f9fb}
.destinations,.country-directory,.country-content{background:var(--pale)}
.finder-form,.finder-result,.empty{background:#f7fcfd}
.ci-page{--ci:var(--brand-turquoise);--ci-dark:var(--brand-petrol);--ci-gold:var(--signal);--ci-ink:var(--ink);--ci-soft:#edf9fb;--ci-line:var(--line)}
.ci-hero{background:linear-gradient(135deg,#d8f3f7,#f5fcfd)}