/* Light theme · Urban: white, black blocks and a barber-pole red accent; square red buttons.
   Headings in Oswald capitals, text in Barlow. Loaded on top of light.css. */
:root{
  --black:#FCFCFB; --charcoal:#F1F1EF; --graphite:#E5E5E2; --black-rgb:252,252,251;
  --text:#0D0D0F; --muted:#56565C; --line:rgba(13,13,15,.14);
  --gold:#D62839; --gold-light:#B51F2F; --gold-soft:#E04555; --gold-dark:#8F1622; --gold-bright:#F07A86;
  --gold-rgb:214,40,57; --gold-ink:#FFFFFF;
  --gold-gradient:linear-gradient(#D62839,#D62839);
  --gold-metal:linear-gradient(#D62839,#D62839);
  --display:'Oswald','Arial Narrow',sans-serif; --font-title:'Oswald','Arial Narrow',sans-serif; --font-body:'Barlow',system-ui,sans-serif;
  --radius:0px;
  --ui-stretch:initial; --ui-tracking:initial; --ui-nav-weight:initial;  /* keeps Oswald's own width and tracking */
}
h1,h2,h3{font-weight:600;text-transform:uppercase;letter-spacing:.005em;line-height:1}
h1 .gold,h2 .gold,.band figcaption .gold{font-style:normal;font-weight:600;padding:0}
.hero{--hero-scrim-rgb:13,13,15;--hero-h1-fit:1.05;--hero-h1-em:8.75;--hero-gold:linear-gradient(var(--gold),var(--gold));--gold-rgb:255,74,92}
.hero h1{letter-spacing:.01em}  /* urban keeps its capitals (h1 rule above); caps need positive tracking */
.service .price,.featured .price{font-weight:600}
.service .price-text{font-style:normal;text-transform:uppercase;letter-spacing:.04em}  /* Oswald has no italic: caps like the rest of the theme */
.signature text{font-family:var(--display);font-weight:700}
.button-gold{color:#fff;box-shadow:6px 6px 0 #0D0D0F}
.button-gold:hover{background:#B51F2F;box-shadow:3px 3px 0 #0D0D0F;transform:translate(3px,3px)}
.button-outline{border:2px solid #0D0D0F;color:#0D0D0F}
.button-outline::before{background:#0D0D0F}
.button-outline:hover{color:#fff}
.mobile-bar a:first-child{color:#fff}
.lang-switch button[aria-pressed="true"]{color:#fff}
/* black blocks: the header once the page scrolls, the featured box, the booking block and the footer */
.header.has-bg{background:rgba(13,13,15,.95);border-color:#000}
.header.has-bg .menu a,.header.has-bg .brand b,.header.has-bg .lang-switch button,.header.has-bg .header-phone{color:#F4F4F2}
.header.has-bg .header-phone{border-color:rgba(255,255,255,.2)}
.header.has-bg .lang-switch button[aria-pressed="true"]{color:#fff}
.booking-block,.footer,.featured,.hero{background:#0D0D0F;color:#F4F4F2;--text:#F4F4F2;--muted:#A6A6AC;--line:rgba(255,255,255,.14);--gold:#FF4A5C;--gold-light:#FF6B7A;--gold-metal:linear-gradient(#FF4A5C,#FF4A5C)}
.booking-block .button-outline,.footer .button-outline{border-color:#F4F4F2;color:#F4F4F2}
.booking-block .button-outline::before{background:#F4F4F2}
.booking-block .button-outline:hover{color:#0D0D0F}
.booking-block .button-gold{box-shadow:6px 6px 0 #FF4A5C}
.footer .brand b{color:#F4F4F2}
.featured{border-color:#0D0D0F;box-shadow:none;padding:28px 24px}
.featured h3{font-size:26px}
.footer .credits{color:#8E887E}  /* the footer is a black block here, so the light-theme credits color would fail AA */
.featured .button-gold{box-shadow:6px 6px 0 #FF4A5C}
.hero .button-outline{border:2px solid var(--gold);color:var(--gold-light)}
.hero .button-outline::before{background:var(--gold)}
.hero .button-outline:hover{color:#0D0D0F}