/* BoxTech dark + old-gold (#c9a96a) retheme. Fonts Space Grotesk + IBM Plex. v20261028l */
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/SpaceGrotesk-latinext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;src:url(fonts/SpaceGrotesk-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root,:host{
  --gold-deep:#9e7f45;
  --gold:#c9a96a;
  --gold-light:#dcc28f;
  --gold-glow:rgba(201,169,106,.42);
  --bg:#000000;
  --bg2:#0A0A0A;
  --surface:#111111;
  --surface-2:#1A1A1A;
  --surface-3:#1E1E1E;
  --text:#F5F5F5;
  --text-muted:#BDBDBD;
  --text-soft:#CFCFCF;
  --line:rgba(201,169,106,.28);
  --wa:#25D366;

  --ink:#000000;
  --paper:#0A0A0A;
  --gold2:var(--gold-light);
  --gold3:var(--gold-deep);
  --muted:#A8A8A8;
  --color-ink:#F2F2F2;
  --color-ink-soft:#CFCFCF;
  --color-paper:#0A0A0A;
  --color-paper-2:#1A1A1A;
  --color-pine:#000000;
  --color-bronze:var(--gold);
  --color-muted:#A8A8A8;
  --color-line:#2A2A2A;
  --lux-gold:var(--gold);
  --lux-gold2:var(--gold-light);
  --raise:#1E1E1E;
  --line2:rgba(255,255,255,.08);
  --ivory:#111111;
  --blvd-primary:var(--gold);
  --blvd-accent:var(--gold-deep);
  --blvd-pink:var(--gold-deep);
  --blvd-orange:var(--gold-light);
  --blvd-glow:var(--gold-glow);
  --blvd-muted:var(--text-muted);
  --blvd-wa:var(--wa);
  --font-sans:"IBM Plex Sans Arabic","Space Grotesk",system-ui,sans-serif;
  --font-display:"Space Grotesk","IBM Plex Sans Arabic",system-ui,sans-serif;
}

html{background:#000!important;color-scheme:dark}
html,body{
  font-family:var(--font-sans)!important;
  background:#000!important;
  color:var(--text)!important;
}
body{background:#0A0A0A!important;color:var(--text)!important}
h1,h2,h3,h4,h5,h6,.hub-brand,.hub-hn,[class*="font-display"],.font-display{
  font-family:var(--font-display)!important;
  letter-spacing:normal;
  color:var(--text)!important;
}

/* NO beige/cream — force dark surfaces */
.bg-paper,.bg-\[var\(--color-paper\)\],.bg-\[var\(--paper\)\],
main,main.bg-paper,.site-main,#main,.page,.content-area,
.o2page,.o2wrap,.o2home,.lux-page,.lux-shell,
header.sticky,header.site-header,.site-header,
.bg-white,[class*="bg-paper"],
section.bg-paper,div.bg-paper,aside.bg-paper,.min-h-screen{
  background-color:#0A0A0A!important;
  background-image:none!important;
  color:var(--text)!important;
}
.bg-paper-2,.bg-\[var\(--color-paper-2\)\]{background-color:#1A1A1A!important;color:var(--text)!important}
.bg-ink{background-color:#000!important;color:#F5F5F5!important}
.text-ink,.text-\[var\(--color-ink\)\]{color:#F2F2F2!important}
.text-ink-soft{color:#CFCFCF!important}
.text-paper{color:#F5F5F5!important}
.text-muted,.text-\[var\(--color-muted\)\]{color:#A8A8A8!important}
.border-line,.border-\[var\(--color-line\)\]{border-color:#2A2A2A!important}
.border-ink-soft{border-color:#3A3A3A!important}

/* Gold accents ONLY */
.text-bronze,.hover\:text-bronze:hover,.text-gold{color:var(--gold)!important}
.border-bronze,.hover\:border-bronze:hover{border-color:var(--gold)!important}
.bg-bronze{background-color:var(--gold)!important;color:#111!important}
.from-bronze,.via-bronze,.to-bronze{--tw-gradient-from:var(--gold)!important}

/* Hub */
body.hub-body,.hub-page,.hub-wrap{background:#000!important;color:#fff}
.hub-brand{font-family:var(--font-display)!important;font-weight:600!important;color:#fff!important}
.hub-nav a{color:#CFCFCF!important}.hub-nav a:hover,.hub-nav a:focus-visible{color:var(--gold-light)!important}
.hub-en,.hub-soon,.hub-foot,.hub-note,.hub-desc,.hub-td,.hub-lead,.hub-phone{color:var(--text-muted)!important}
.hub-name,.hub-tt,.hub-sh h2,.hub-sub{color:#fff!important}
.hub-foot a,.hub-phone a{color:var(--gold)!important}
.hub-foot a:hover,.hub-phone a:hover{color:var(--gold-light)!important}
.hub-card,.hub-tile,.hub-link{
  border-color:rgba(201,169,106,.35)!important;
  background:#111!important;
}
.hub-tip{background:#1A1A1A!important;border-color:rgba(201,169,106,.4)!important;color:var(--gold)!important}
.hub-btn--wa:not(.hub-fab){
  background:linear-gradient(135deg,var(--gold-deep),var(--gold))!important;
  color:#111!important;box-shadow:0 10px 30px -12px var(--gold-glow)!important
}
.hub-btn--wa:not(.hub-fab):hover{background:linear-gradient(135deg,var(--gold),var(--gold-light))!important}
.hub-btn--ghost{border-color:rgba(201,169,106,.5)!important;color:var(--gold)!important}
.hub-btn--ghost:hover{background:rgba(201,169,106,.12)!important;color:var(--gold-light)!important}
.hub-skip{background:var(--gold)!important;color:#111!important}
.hub-hn,.hub-num,.hub-go,.hub-enter,a.hub-enter,.hub-k{color:var(--gold)!important}
.hub-ico{color:var(--gold)!important;background:radial-gradient(circle at 50% 35%,rgba(201,169,106,.16),rgba(201,169,106,.03) 70%)!important;border-color:rgba(201,169,106,.25)!important}
.hub-title{background:linear-gradient(180deg,var(--gold-light),var(--gold))!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}

/* WhatsApp FAB green */
.hub-fab,a.hub-fab,.wa-float,.whatsapp-float,
a[href*="wa.me"].fab,a[href*="api.whatsapp.com"].fab,
.bt-wa,.o2-wa,[class*="whatsapp"][class*="float"],.fixed-wa,.floating-whatsapp{
  background:#25D366!important;background-image:none!important;
  color:#073b1a!important;box-shadow:0 10px 28px -8px rgba(37,211,102,.55)!important;
}
.hub-fab{animation:none}

/* Primary CTAs → old gold */
.btn-gold,a.btn-gold,button.btn-gold,.lux-world-cta,
header a.bg-ink,header a.bg-ink.text-paper,
a.bg-ink.text-paper.lg\:inline,a.bg-ink.px-4.py-3,button.bg-ink.text-paper{
  background:linear-gradient(var(--gold),var(--gold)) padding-box,linear-gradient(90deg,var(--gold-deep),var(--gold)) border-box!important;
  border:2px solid transparent!important;color:#111!important;border-radius:100px!important;
  box-shadow:1px 4px 15px var(--gold-glow)!important;text-transform:capitalize;font-weight:600;
}
header a.bg-ink:hover,a.bg-ink.text-paper:hover,button.bg-ink.text-paper:hover{
  background:linear-gradient(var(--gold-light),var(--gold-light)) padding-box,linear-gradient(90deg,var(--gold),var(--gold-light)) border-box!important;
  filter:none;
}
footer.bg-ink,footer .bg-ink,.site-footer.bg-ink,.site-footer,footer{
  background:#000!important;background-image:none!important;color:var(--text-soft)!important;
  border:0!important;box-shadow:none!important;border-radius:0!important;filter:none!important
}
footer a{color:var(--gold)!important}
footer a:hover{color:var(--gold-light)!important}
footer.bg-ink::before{background:linear-gradient(90deg,transparent,var(--gold),transparent)!important}
.btn-ghost:hover{border-color:var(--gold)!important;color:var(--gold-light)!important}
main a.border.border-line.px-5:hover{border-color:var(--gold)!important;color:var(--gold)!important;background:rgba(201,169,106,.1)!important}
header.sticky nav a{color:#E0E0E0!important}
header.sticky nav a:hover{color:var(--gold-light)!important}
.bg-ink .text-bronze,footer .text-bronze,.text-bronze{color:var(--gold)!important}

/* Cards / panels dark */
.o2card,.o2aside,article.card,.card,
.block.h-full.border.border-line.bg-paper,
.hub-card,.hub-tile{
  background:#141414!important;border-color:#2A2A2A!important;color:var(--text)!important
}
.o2card:hover,.hub-tile:hover,.hub-card:hover{border-color:var(--gold)!important}
.o2crumbs a,.o2home .o2h-links a,.o2home p.k{color:var(--gold)!important}
.o2home .o2h-grid a:hover{border-color:var(--gold)!important;color:var(--gold-light)!important}
.o2prose h3,.o2dl h3,.o2card b,.o2aside h2,.o2label,.o2tbl th{color:var(--gold)!important}
.o2label{border-color:var(--gold)!important}
.o2steps li::before{background:var(--gold)!important;color:#111!important}
.o2prose,.o2prose p,.o2dl,.prose{color:var(--text-soft)!important}
.o2prose a,.prose a,main a:not([class*="btn"]):not(.hub-fab){color:var(--gold)!important}
.o2prose a:hover,.prose a:hover{color:var(--gold-light)!important}

/* Forms dark */
input,textarea,select{
  background:#111!important;color:#F5F5F5!important;border-color:#333!important;caret-color:var(--gold);
}
input::placeholder,textarea::placeholder{color:#888!important}
input:focus,textarea:focus,select:focus{
  outline-color:var(--gold)!important;border-color:var(--gold)!important;
  box-shadow:0 0 0 3px rgba(201,169,106,.28)!important;
}
label{color:var(--text-soft)!important}

/* Spec tables dark */
table,.o2tbl{background:#111!important;color:var(--text)!important;border-color:#2A2A2A!important}
table th,.o2tbl th{background:#1A1A1A!important;color:var(--gold)!important;border-color:#2A2A2A!important}
table td,.o2tbl td{border-color:#2A2A2A!important;color:var(--text-soft)!important;background:transparent!important}
table tr:nth-child(even) td{background:#141414!important}

/* Pager */
.nav-links a,.pager a,.o2pager a,[rel="prev"],[rel="next"],.post-nav a{color:var(--gold)!important}
.nav-links a:hover,.pager a:hover{color:var(--gold-light)!important}

.topbar,.site-topbar,[class*="top-bar"]{background:#000!important;color:#E0E0E0!important}
::selection{background:rgba(201,169,106,.45);color:#000}
.shadow-sm,.shadow,.shadow-md{box-shadow:0 8px 24px rgba(0,0,0,.55)!important}

.bt-local-h2{color:var(--gold)!important;background:rgba(201,169,106,.12)!important;border-inline-start-color:var(--gold)!important}
h1 .bt-local::before{background:var(--gold)!important}

/* Brand text readable on dark */
header .display, header .tracking-\[0\.18em\], header span.display,
header a.flex.items-center span, header .logo-text, .site-title,
.display.text-xl{color:#F5F5F5!important}
body .text-\[\#111214\], body .text-\[\#111\], body .text-black{color:#F5F5F5!important}

/* Tile overlays / gradient fades stay dark not tan */
.bt-tiles span{background:linear-gradient(transparent,rgba(0,0,0,.88))!important}
.hub-link::after,.hub-card::after{background:linear-gradient(transparent,#0A0A0A)!important}


/* Force #main scoped tokens dark (bt-lux-compat) */
#main{
  --bg:#0A0A0A!important;--bg2:#1A1A1A!important;--raise:#1E1E1E!important;
  --ivory:#111!important;--surface:#111!important;--text:#F2F2F2!important;
  --gold:#c9a96a!important;--gold2:#dcc28f!important;--muted:#A8A8A8!important;
  --line:rgba(201,169,106,.28)!important;--line2:rgba(201,169,106,.15)!important;
  background:#0A0A0A!important;color:#F2F2F2!important;
}
.o2dl>div,.o2card,.o2aside{background:#111!important;border-color:#2A2A2A!important;color:#F2F2F2!important}

/* Seating calculator (.bts) — was white/cream inline */
.bts{--i:#F2F2F2;--l:#2A2A2A;--m:#A8A8A8;--g:#c9a96a}
.bts form,.bts input,.bts select,.bts-res div,.bts-res .k,.bts-btn{
  background:#111!important;color:#F2F2F2!important;border-color:#333!important;
}
.bts legend,.bts label{color:#F2F2F2!important}
.bts-res{background:#2A2A2A!important;border-color:#2A2A2A!important}
.bts-res dt{color:#A8A8A8!important}
.bts-res dd{color:#F5F5F5!important}
.bts-res .k dd{color:#c9a96a!important}
.bts svg,.bts-plan,svg.bts-svg{background:#0A0A0A!important}
.bts small{color:#A8A8A8!important}
.bts input:focus,.bts select:focus{outline-color:#c9a96a!important}

/* dark-o2pj-blvd */
.o2pj,.o2pj-it,figure.o2pj-it{background:#111!important;color:#F5F5F5!important}
.o2pj button,.o2pj-open{background:#1A1A1A!important;color:#F5F5F5!important;border-color:#333!important}
/* misc light link chips */
a.bg-\[\#f2f2f2\],a[href].bg-\[\#f2f2f2\],
a[style*="background:#f2f2f2"],a[style*="background: #f2f2f2"],
a[style*="background:#F2F2F2"],a[style*="background-color:#f2f2f2"]{
  background:#1A1A1A!important;color:#F5F5F5!important;border-color:rgba(201,169,106,.35)!important
}
a.bg-\[\#f2f2f2\]:hover{background:#1E1E1E!important;color:#dcc28f!important}
/* kill any remaining cream/tan utility chips */
.bg-\[\#f2f2f2\],.bg-\[\#f5f5f5\],.bg-\[\#fafafa\],.bg-\[\#ffffff\],.bg-white{
  background-color:#111!important;color:#F5F5F5!important
}

/* dark-o2sp-blvd */
.o2sp,.o2sp-model,.o2sp-card,.o2sp-drw,.o2sp-g,.o2sp-calc,.o2sp-res,.o2sp-orig,.o2sp-zbtn,.o2sp-chips li,.o2sp-form input,.o2sp-tg button,.o2sp-rs{background:#111!important;color:#F5F5F5!important}
.o2sp{color:#F5F5F5!important;border-top-color:rgba(201,169,106,.22)!important}
.o2sp-model{background:#0A0A0A!important}
.o2sp-card,.o2sp-chips li,.o2sp-res,.o2sp-form input{background:#1A1A1A!important}
.o2sp-tg button[aria-pressed=true],.o2sp-hi,.o2sp-zh{background:#c9a96a!important;color:#111!important}
.o2sp-lead,.o2sp-card span,.o2sp figcaption,.o2sp-g p,.o2sp-note,.o2sp-res span,.o2sp-form label{color:#BDBDBD!important}
.o2sp-k,.o2sp h2 span,.o2sp-ic,.o2sp-form small,.o2sp-ul li:before{color:#c9a96a!important}
.o2sp-lbv img{background:#111!important}
header.sticky{background:rgba(10,10,10,.92)!important}
section.bg-paper-2{background:#1A1A1A!important}

/* bt-tiles-dark — ink was remapped to light text; tiles must stay charcoal */
.bt-tiles a{background:#111111!important;color:#F5F5F5!important;border-color:rgba(201,169,106,.28)!important}
.bt-tiles a:hover{border-color:var(--gold)!important}
.lux-worlds-title,.lux-world-title,.o2home h2{color:#F5F5F5!important}
.dgal figcaption{color:#F5F5F5!important}