/* wester.live grey theme v2: colours + smaller header buttons + less gap above the home hero. Nothing else in the layout is touched. */
:root{--g1:#181818;--g2:#121212;--surf:#202020;--line:rgba(255,255,255,.085);
  --bgd:radial-gradient(900px 420px at 50% -140px,rgba(255,255,255,.05) 0,transparent 70%),linear-gradient(180deg,var(--g1),var(--g2))}
body{background:transparent!important}

/* header: colours + slightly smaller buttons (height, logo and spacing unchanged) */
header{background:rgba(22,22,22,.95)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
header .ib{width:34px!important;height:34px!important;border-radius:11px!important}
header .ib .i,header .ib svg{width:17px!important;height:17px!important}
.langb{height:34px!important;padding:0 9px!important;font-size:12.5px!important;border-radius:11px!important}
.langb svg{width:13px!important;height:13px!important}
#menu,#acct{background:rgba(32,32,32,.98)!important}

/* home page only: less empty space between the header and the hero */
html[data-route="home"] main{padding-top:0!important}

/* colours only */
#cnav{background:rgba(32,32,32,.97)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.hx{border-color:rgba(255,255,255,.08)!important}
.hx-s:after{background:linear-gradient(180deg,rgba(12,12,12,.35) 0,transparent 26%,transparent 34%,var(--surf) 100%)!important}