/* superyacht.sg — DARK THEME MOCKUP (loaded after style.css). Deep navy, off-white text, brass accents, teal as a quiet secondary. */
:root{
  --bg:#0d141c; --bg-2:#111a24; --panel:#16212d; --panel-2:#1b2836; --well:#0f1821;
  --ink:#f4efe6; --text:#e8e4dc; --muted:#a9b1ba; --faint:#7f8993;
  --rule:#243140; --rule-strong:#6e5e40; --line-soft:rgba(201,168,106,.18);
  --paper:var(--bg); --stone:var(--bg-2); --tint:#10212a;
  --accent:#c9a86a; --accent-deep:#b8975a; --accent-soft:#3a3222;
  --brass:#c9a86a; --brass-hi:#dcbf86; --brass-soft:#3a3222;
  --teal:#5aa99e; --teal-deep:#0b5d57;
}
html{color-scheme:dark;background:var(--bg)}
body{background:var(--bg);color:var(--text)}
::selection{background:var(--brass);color:#0d141c}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.skip:focus{background:var(--panel);color:var(--ink);outline:1px solid var(--brass)}

/* header */
.masthead{background:rgba(13,20,28,.94);border-bottom:1px solid var(--rule);backdrop-filter:saturate(140%) blur(8px)}
.wordmark b{color:var(--ink)}
.wordmark b i{color:var(--brass)}
.wordmark span{color:var(--faint)}
.nav>a,.nav summary{color:var(--text)}
.nav>a:hover,.nav summary:hover,.nav a[aria-current=page]{color:var(--brass-hi)}
.nav .dd{background:var(--panel);border:1px solid var(--rule);border-top:1px solid var(--brass);box-shadow:0 24px 50px -20px rgba(0,0,0,.7)}
.nav .dd a{color:var(--text)}
.nav .dd a span{color:var(--brass)}
.nav .dd a:hover{background:var(--panel-2);color:var(--brass-hi)}
.m-menu summary{color:var(--ink)}
.m-menu summary i{border-color:var(--ink)}
.m-menu[open] summary i{border-bottom-color:transparent}
.m-panel{background:var(--bg-2);border-bottom:1px solid var(--brass);box-shadow:0 40px 60px -30px rgba(0,0,0,.8)}
.m-panel a{color:var(--ink);border-bottom-color:var(--rule)}
.m-panel .grp{color:var(--brass)}

/* buttons */
.btn{background:var(--brass);border-color:var(--brass);color:#0d141c;font-weight:600;letter-spacing:.01em}
.btn:hover{background:var(--brass-hi);border-color:var(--brass-hi);color:#0d141c}
.nav .btn,.m-panel .btn{color:#0d141c}
.btn.ghost{background:transparent;color:var(--ink);border-color:rgba(232,228,220,.38)}
.btn.ghost:hover{background:transparent;color:var(--brass-hi);border-color:var(--brass)}

/* labels */
.kicker{color:var(--brass)}
.kicker .n{color:var(--ink)}
figcaption{color:var(--muted)}
figcaption b{color:var(--teal)}

/* hero */
.hero{position:relative;isolation:isolate;padding-bottom:8px}
.hero::before{content:"";position:absolute;left:0;right:0;top:0;bottom:-260px;z-index:-1;pointer-events:none;
  background:radial-gradient(900px 560px at 88% 6%,rgba(201,168,106,.08),transparent 70%),
    radial-gradient(820px 620px at 0% 70%,rgba(11,93,87,.17),transparent 70%);
  -webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
#disciplines{position:relative}
.hero h1{color:var(--ink)}
.hero h1 em{color:var(--brass)}
.dek{color:#d9d4ca}
.byline{border-top-color:var(--rule);color:var(--muted)}
.byline a{color:var(--brass-hi);text-decoration-color:rgba(201,168,106,.5);text-underline-offset:3px}
.hero-fig{position:relative}
.hero-fig img{filter:brightness(.93) contrast(1.05) saturate(.95);outline:1px solid rgba(201,168,106,.22);outline-offset:-1px;box-shadow:0 40px 80px -40px rgba(0,0,0,.85)}
.trip img,.card img{filter:brightness(.88) saturate(.92)}

/* sections */
.sec.stone{background:var(--bg-2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.sec-head h2{color:var(--ink)}
.sec-head p{color:var(--muted)}

/* discipline grid */
.disc-grid{border-top-color:var(--rule-strong)}
.disc-item{color:var(--ink);border-bottom-color:var(--rule);transition:background .2s}
.disc-item .no{color:var(--brass)}
.disc-item:hover{background:linear-gradient(90deg,rgba(201,168,106,.06),transparent)}
.disc-item:hover .nm{color:var(--brass-hi)}
.disc-else{color:var(--ink)}
.disc-else .no,.disc-else .nm{color:var(--brass)}
.disc-else .d{color:var(--muted)}
.more{color:var(--brass)}

/* cards become panels */
.card{background:var(--panel);border:1px solid var(--rule);transition:border-color .25s,transform .25s}
.card:hover{border-color:rgba(201,168,106,.55)}
.card>.kicker,.card>h3,.card>p{padding-left:16px;padding-right:16px}
.card{padding-bottom:16px}
.cards.compact .card .kicker{margin-top:14px}
.card h3{color:var(--ink)}
.card p{color:var(--muted)}
@media(max-width:759px){.card>.kicker,.card>h3,.card>p{padding-left:12px;padding-right:12px}.card{padding-bottom:12px}}

/* steps */
.steps{border-top-color:var(--rule-strong)}
.steps li{border-bottom-color:var(--rule)}
.steps li::before{color:var(--brass)}
.steps p{color:var(--muted)}
@media(min-width:760px){.steps.tight li{border-top-color:var(--rule-strong)}}

/* request band: deep teal-navy wash (teal as secondary) */
.reqband{background:linear-gradient(180deg,#0f1f27 0%,#101a24 100%);border-top:1px solid rgba(90,169,158,.18);border-bottom:1px solid var(--rule)}
.req-intro h2{color:var(--ink)}
.req-intro p{color:var(--text)}
.req-intro .note{color:var(--muted)}
.req-intro .note svg{color:var(--teal)}
.reqband .form{background:var(--panel);border:1px solid var(--rule);border-top:1px solid rgba(201,168,106,.45);padding:22px;box-shadow:0 30px 60px -40px rgba(0,0,0,.8)}
@media(max-width:759px){.reqband .form{padding:16px}}
.f label,.f legend{color:var(--ink)}
.f label small,.f legend small{color:var(--muted)}
.f input,.f select,.f textarea{background-color:var(--well);color:var(--ink);border:1px solid #2e3d4c;color-scheme:dark;transition:border-color .2s}
.f input::placeholder,.f textarea::placeholder{color:#8a939c}
.f input:hover,.f select:hover,.f textarea:hover{border-color:#415366}
.f input:focus,.f select:focus,.f textarea:focus{outline:2px solid var(--brass);outline-offset:-1px;border-color:var(--brass)}
.f select{background-image:linear-gradient(45deg,transparent 50%,var(--brass) 50%),linear-gradient(135deg,var(--brass) 50%,transparent 50%)}
.f select option,.f select optgroup{background:var(--panel);color:var(--ink)}
.chips label{background:var(--well);border-color:#2e3d4c;color:var(--text)}
.chips label:hover{border-color:var(--brass)}
.chips label:has(input:checked){background:var(--brass);border-color:var(--brass);color:#0d141c}
.chips label:has(input:focus-visible){outline-color:var(--brass)}
.form-actions .fine{color:var(--muted)}
.err{color:#f19a8a}

/* footer */
.foot{background:#0a1017;border-top:1px solid var(--rule)}
.foot p{color:var(--text)}
.foot h4{color:var(--brass)}
.foot a{color:var(--ink)}
.foot a:hover{color:var(--brass-hi)}
.foot .wa-ico{color:var(--teal)}
.agent{border-top-color:var(--rule-strong)}
.agent .lbl{color:var(--brass)}
.agent .name{color:var(--ink)}
.foot-base{border-top-color:var(--rule);color:var(--faint)}
.foot-base{color:#8f99a3}

/* inner pages (so the copy stays coherent if clicked through) */
.phead{border-bottom-color:var(--rule)}
.crumb,.crumb a{color:var(--muted)}
.toc li a{color:var(--text);border-color:var(--rule)}
.toc ol{border-color:var(--rule)}
.prose a,.prose sup a,sup a,.tidx .note a,.tacc .note a{color:var(--brass-hi)}
.prose ul li::before,.tidx li::before,.tacc .acc-body li::before{background:var(--brass)}
.tidx td.prep li::before,.tacc .acc-body .prep li::before{background:transparent;border-color:var(--brass)}
.callout{background:var(--panel);border-left-color:var(--brass)}
.facts dd{color:var(--ink)}
.tbl td:first-child small{color:var(--brass)}
.jump a,.otp a{background:var(--panel);border-color:var(--rule);color:var(--text)}
.jump a span{color:var(--brass)}
.jump a:hover,.otp a:hover{border-color:var(--brass);color:var(--brass-hi)}
.tidx thead th{background:var(--bg)}
.acc>summary .chev{border-color:var(--brass);color:var(--brass)}
.acc[open]>summary .chev{background:var(--brass);color:#0d141c;border-color:var(--brass)}
.acc>summary:hover .acc-h{color:var(--brass-hi)}
.marina .where,.acc.marina-acc .where,.tacc .acc>summary .no,.idx-row .no,.idx-row .go,.tidx td.no{color:var(--brass)}
.statement em,.idx-row.else h3,.idx-row:hover h3{color:var(--brass)}
.pn-ref,.pn-status.is-cur{color:var(--teal)}
.pn-status.is-chk{color:var(--brass-hi);background:rgba(201,168,106,.1)}

/* fixes found in review */
.req-intro .kicker{color:var(--brass);margin-bottom:12px}
.f{justify-content:flex-end}
.m-panel .btn{display:flex;justify-content:center}
.trip{scroll-padding-inline:var(--gut)}
.sec-head .kicker{margin-bottom:12px}

/* port-notices.css overrides */
.pn-cta{background:var(--panel);border:1px solid var(--rule);border-left:2px solid var(--brass)}
.prose .pn-cta .btn{color:#0d141c}
.prose .pn-cta .btn.ghost{color:var(--ink)}
.prose .pn-cta .btn.ghost:hover{color:var(--brass-hi)}
.pn-list{border-top-color:var(--rule-strong)}
.pn-card{border-bottom-color:var(--rule)}
.pn-dot{color:var(--brass)}
.pn-reviewed span{color:var(--brass)}
.prose .pn-link{color:var(--brass-hi)}
/* inner-page extras */
.prose .lede,.pn-intro{color:var(--ink)}
.tbl th{border-bottom-color:var(--rule-strong)}
.tbl td{border-bottom-color:var(--rule)}
.facts{border-top-color:var(--rule-strong)}
.facts .row{border-bottom-color:var(--rule)}
.acc{border-top-color:var(--rule-strong)}
.acc+.acc,.acc-list>.acc,.acc.sources-acc{border-top-color:var(--rule)}
.band img{filter:brightness(.88) saturate(.92)}
.prose .sources a,.sources a,.acc.sources-acc .acc-body a{color:var(--muted);text-decoration-color:rgba(169,177,186,.4)}
.prose .sources a:hover,.sources a:hover,.acc.sources-acc .acc-body a:hover{color:var(--brass-hi)}