/* ============================================================
   Garage Mono — standard content-page theme.
   Loaded on the prose pages built from standardPage(): /about/, /contact/,
   /book/, /cohosting/, /privacy/, /terms/ (see layout.mjs). Loaded AFTER
   main.css; every rule is scoped under .page-standard so it never touches
   other routes. Re-skins the shared header/footer + the pageHero / sectionList
   / ctaBand components dark to match home, fleet, and exotics.

   Approach: redefine main.css's CSS variables on the themed body, which
   auto-darkens everything that uses them (.info-card, .card-grid borders,
   body text). Then override only the handful of main.css rules that hardcode
   white or resolve var(--ink) as a *background* (the hero + cta band), which
   would otherwise flip light when --ink becomes the light text color.
   ============================================================ */

body.page-standard{
  --ink:#f5f5f5; --muted:#a0a0a0; --line:#2a2a2a; --paper:#0a0a0a;
  --panel:#141414; --panel-2:#1c1c1c; --red:#ff2e3c; --red-d:#e01421;
  background:#0a0a0a; color:var(--ink); min-height:100vh;
  -webkit-font-smoothing:antialiased;
}

/* ---- Shared chrome re-themed dark (matches .page-fleet / .page-exotics) ---- */
.page-standard .skip-link{background:var(--red);color:#fff}
.page-standard .site-header{background:rgba(10,10,10,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.page-standard .site-nav a{color:#cfcfcf}
.page-standard .site-nav a:hover{color:#fff}
.page-standard .nav-cta:hover{background:var(--red-d)}
.page-standard .site-footer{background:#050505;color:var(--muted);border-top:1px solid var(--line)}
.page-standard .site-footer h2,.page-standard .site-footer h3{color:var(--ink)}
.page-standard .site-footer p{color:var(--muted)}
.page-standard .site-footer a{color:#fff}

/* ---- Hero ---- */
/* main.css sets .page-hero{background:var(--ink)} and .cta-band{background:var(--ink)};
   this theme redefines --ink to the light text color, so pin both backgrounds
   to a near-black explicitly and keep their text light. */
.page-standard .page-hero{background:#0d0d0d;border-bottom:1px solid var(--line)}
.page-standard .page-hero p{color:rgba(245,245,245,.82)}

/* social-proof panel — dark card instead of the light one */
.page-standard .hero-panel{background:var(--panel);color:var(--ink);border:1px solid var(--line);box-shadow:none}
.page-standard .hero-panel span{background:var(--panel-2);color:var(--ink)}

/* ---- Buttons (secondary hardcodes #fff bg in main.css) ---- */
.page-standard .button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}
.page-standard .button.secondary:hover{border-color:#5a5a5a;color:#fff}

/* ---- Content sections ---- */
/* .info-card + .card-grid already adapt via the redefined --panel/--line/--muted
   vars; only the hardcoded-light surfaces need an override. */
.page-standard .muted{background:#0d0d0d}
.page-standard .form-placeholder{background:var(--panel);color:var(--ink);border:1px solid var(--line);box-shadow:none}
.page-standard .form-placeholder p{color:var(--muted)}

/* ---- Closing CTA band (about / contact / book / cohosting) ---- */
.page-standard .cta-band{background:#0d0d0d;border-top:1px solid var(--line)}
.page-standard .cta-band p{color:rgba(245,245,245,.82)}

/* ---- FAQ accordions (faqSection on location + hotel pages; main.css hardcodes #fff) ---- */
.page-standard details{background:var(--panel);border-color:var(--line)}
.page-standard summary{color:var(--ink)}

/* ---- Blog index (/blog/) — .blog-hero + .blog-index hardcode #fff in main.css.
   .blog-card / .blog-categories adapt on their own via --panel/--line, and the
   .blog-card-media gradient is already dark, so only the two surfaces flip here. */
.page-standard .blog-hero{background:#0d0d0d;border-bottom:1px solid var(--line)}
.page-standard .blog-index{background:transparent}