/* Dark theme · British racing green and copper: bottle green, a copper accent, solid square-cornered buttons.
   Headings in DM Serif Display, text in Work Sans. A classic barbershop feel. */
:root{
  --black:#0F1D18; --charcoal:#162820; --graphite:#20372D; --black-rgb:15,29,24;
  --text:#F2EEE3; --muted:#A9B4A6; --line:rgba(214,140,89,.26);
  --gold:#D68C59; --gold-light:#EFB08A; --gold-soft:#C9784A; --gold-dark:#8C4A26; --gold-bright:#F7C9A8;
  --gold-rgb:214,140,89; --gold-ink:#FFF6EE;
  --gold-gradient:linear-gradient(135deg,#C9784A 0%,#B4643A 100%);
  --gold-metal:linear-gradient(180deg,#F2BC98 0%,#D68C59 55%,#B4643A 100%);
  --display:'DM Serif Display',Georgia,serif; --font-title:'Work Sans',system-ui,sans-serif; --font-body:'Work Sans',system-ui,sans-serif;
  --radius:0px;
  --ui-stretch:initial; --ui-tracking:initial; --ui-nav-weight:initial;  /* keeps Work Sans' own width and tracking */
}
h1,h2,h3{font-weight:400;letter-spacing:-.005em}
h1 .gold,h2 .gold,.band figcaption .gold{font-weight:400}
.hero{--hero-h1-fit:.9;--hero-h1-em:8.1}
.service .price,.featured .price{font-weight:400}
.signature text{font-family:var(--display)}
.button{letter-spacing:.14em}
.button-gold{color:#FFF6EE;box-shadow:0 10px 26px -12px rgba(201,120,74,.7)}
.button-gold:hover{background:linear-gradient(135deg,#D68C59,#C9784A)}
.button-outline{border-color:var(--gold);color:var(--gold-light)}
.button-outline:hover{color:#FFF6EE}
.mobile-bar a:first-child{color:#FFF6EE}
.lang-switch button[aria-pressed="true"]{color:#FFF6EE}
/* classic barbershop detail: a double rule under the header and around the featured box */
.header{border-bottom:3px double var(--line)}
.featured{border-width:3px 0;border-style:double;border-color:rgba(214,140,89,.45)}