:root{
  --navy:#14213d;
  --charcoal:#252525;
  --gold:#c9a227;
  --gold-deep:#856b16;
  --champagne:#eee6d1;
  --ink:var(--charcoal);
  --paper:#fbfaf6;
  --soft:#f0f3f7;
  --pink:var(--champagne);
  --yellow:var(--gold);
  --blue:#dce3ec;
  --purple:var(--navy);
  --line:#d6d0c1;
  --muted:#62666f;
}

body{background:var(--paper)}
a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.eyebrow{color:var(--gold-deep)}
.language-gate{background:linear-gradient(135deg,var(--navy) 0 49%,var(--gold) 49% 100%)}
.language-gate>div{background:var(--paper);box-shadow:18px 18px 0 var(--charcoal)}
.language-actions button{border-color:var(--navy);color:var(--navy)}
.language-actions button:last-child{background:var(--navy);color:#fff}

.site-header{background:var(--navy);color:#fff;border-bottom-color:rgba(201,162,39,.5)}
.brand{width:155px;height:78px;background-color:var(--navy);background-image:url("assets/branding/city-palace-logo-navy-gold.png");background-position:left center;background-size:contain;background-repeat:no-repeat;-webkit-mask:none;mask:none}
.site-header .brand{height:78px}
.navigation a{color:#fff}
.navigation .nav-cta{background:var(--gold);color:var(--navy)!important}
.language-switch{color:#fff}
.menu-button{color:#fff;border-color:var(--gold)}
.header-instagram{background:#fff;border-color:var(--gold)}
.header-instagram:hover,.header-instagram:focus-visible{background:var(--champagne);border-color:var(--gold)}

.hero-copy{background:#f7f3e9;border-left:1px solid rgba(201,162,39,.45)}
.hero h1 i,.section-intro h2 i,.gallery h2 i,.video-section h2 i,.route h2 i,.contact h2 i{color:var(--gold-deep)}
.hero-copy .brand-slogan{color:var(--navy)}
.hero-copy .brand-slogan::before{background:var(--gold)}
.button-bright{background:var(--gold);color:var(--navy);transition:background-color .2s ease,color .2s ease,transform .2s ease}
.button-bright:hover,.button-bright:focus-visible{background:var(--navy);color:#fff;transform:translateY(-2px)}
.trust span+span::before{color:var(--gold)}

.services{background:var(--paper)}
.service-list{border-top-color:var(--navy)}
.service-list article>p{box-shadow:0 0 0 3px var(--gold)}
.service-list a{color:var(--navy)}

.process{background:var(--navy);color:#fff}
.process .eyebrow,.process h2 i{color:var(--gold)}
.process li{border-top-color:rgba(201,162,39,.5)}
.process li:last-child{border-bottom-color:rgba(201,162,39,.5)}
.process li span{background:var(--gold);color:var(--navy);border-color:var(--gold);box-shadow:0 0 0 4px rgba(255,255,255,.08)}
.process li p{color:#e1e5ed}

.gallery{background:var(--soft)}
.gallery-intro>a{color:var(--navy)}
.extra-gallery summary{background:var(--gold);color:var(--navy)}
.video-section{background:var(--paper)}

.hairworks{background:var(--champagne)}
.hairworks h2 i{color:var(--gold-deep)}
.hairworks .text-link{color:var(--navy)}
.anbos-card{background:var(--navy);color:#fff;border-top:7px solid var(--gold)}
.anbos-card img{background:#fff;padding:.75rem}
.anbos-card a{color:var(--gold)}

.booking{background:var(--charcoal);color:#fff;border-top:8px solid var(--gold)}
.booking .eyebrow,.booking h2 i{color:var(--gold)}
.booking-note{color:#d6d8dc}

.route{background:var(--soft)}
.route-address{background:var(--navy);color:#fff;border-color:rgba(201,162,39,.55);border-top-color:var(--gold);box-shadow:18px 18px 0 var(--gold)}
.route-address img{display:block;width:min(330px,92%);height:auto;object-fit:contain}
.route-address::before{content:none}
.route-address::after{background:var(--charcoal);opacity:.5}
.route-address a{color:#fff}

.contact{background:var(--paper)}
.contact-details a,.business-email{color:var(--navy)}
footer{background:var(--navy);color:#fff;border-top-color:rgba(201,162,39,.45)}
footer .brand{width:180px;height:94px}
footer a:last-child{color:var(--gold)}

@media(max-width:780px){
  .brand,.site-header .brand{width:128px;height:66px}
  .navigation{background:var(--navy);border-bottom-color:rgba(201,162,39,.45)}
  .hero-copy{border-left:0;border-top:1px solid rgba(201,162,39,.45)}
  .route-address{box-shadow:10px 10px 0 var(--gold)}
}