/* assets/site-dark.css -- dark-theme overrides for components that inject
   their own <style> tag at runtime with light colors baked in. Everything
   else on these pages is converted at source (styles.css, conversion.css and
   each page's own inline styles). Loaded by every page that uses the shared
   stylesheets except index.html, whose home-dark.css carries the same rules.
   Palette = mentorship page: bg #11161C, surface #1A2129, cream #F4F0E7,
   gold #E0C38B, ink-on-gold #17130A. */

/* Native form controls, scrollbars, autofill and range sliders render in
   their dark variants (same as the mentorship and legal pages). */
html { color-scheme: dark; }

/* Primary CTA text is always dark ink on the gold fill. Needed because some
   guide pages style ".gd-article a" (more specific than .btn-liquid-primary),
   which painted the button label the same color as the button itself -- the
   label was already invisible on the old light theme (brown on brown). */
.btn-liquid-primary { color: #17130A !important; }

/* Testimonial scroller (assets/testimonials.js) */
.tst-card { background: #1A2129 !important; border-color: rgba(244,240,231,.14) !important; }
.tst-title { color: #F4F0E7 !important; }
.tst-sum { color: rgba(244,240,231,.65) !important; }
.tst-sum b { color: #E0C38B !important; }
.tst-shots { background: #11161C !important; border-color: rgba(244,240,231,.14) !important; }
.tst-nav button { background: #1A2129 !important; border-color: rgba(244,240,231,.18) !important; }
.tst-nav button:hover { border-color: #E0C38B !important; }
.tst-nav button:focus-visible { outline-color: #E0C38B !important; }
.tst-nav button svg path { stroke: #F4F0E7 !important; }
.tst-lb-overlay { background: rgba(9,13,17,.92) !important; }

/* EU/UK cookie-consent banner (assets/consent.js) */
.topa-consent { background: #1A2129 !important; border-color: rgba(244,240,231,.14) !important; box-shadow: 0 20px 60px -15px rgba(0,0,0,.6) !important; }
.topa-consent p { color: rgba(244,240,231,.85) !important; }
.topa-consent-accept { border-color: #E0C38B !important; background: #E0C38B !important; color: #17130A !important; }
.topa-consent-accept:hover { background: #C9A876 !important; border-color: #C9A876 !important; }
.topa-consent-decline { border-color: rgba(244,240,231,.24) !important; color: rgba(244,240,231,.85) !important; }
.topa-consent-decline:hover { border-color: #F4F0E7 !important; }
.topa-consent button:focus-visible { outline-color: #E0C38B !important; }