/* Brillant Nettoyage: "night" theme for inner pages, matching the cinematic homepage.
   Loaded last in <head>, so it overrides each page's inline tokens. Remove the <link> to revert. */
:root {
  --surface: #0B0F1A;
  --surface-2: #121829;
  --ink: #F4F1EA;
  --ink-2: #D8D3C9;
  --ink-3: #A9A398;
  --ink-4: #7F796F;
  --border: rgba(255,255,255,.10);
  --accent: #9DB8EA;          /* text accent (light blue, as on the homepage headline) */
  --accent-dk: #2A5CAA;
  --accent-lt: rgba(110,150,220,.14);
  --btn: #2D5FB3;             /* button blue */
  --btn-dk: #234C91;
  --deep: #070A12;
  color-scheme: dark;
}
html { background: var(--surface); }
body {
  background:
    radial-gradient(1100px 620px at 78% -8%, rgba(42,92,170,.28), transparent 62%),
    radial-gradient(900px 500px at -10% 30%, rgba(42,92,170,.10), transparent 60%),
    var(--surface) !important;
  background-attachment: fixed !important;
  color: var(--ink-2);
}
::selection { background: rgba(157,184,234,.35); color: #fff; }

/* Nav */
#main-nav.scrolled, #nav.scrolled, nav.scrolled { background: rgba(11,15,26,.82) !important; box-shadow: 0 1px 0 rgba(255,255,255,.06), 0 10px 34px rgba(0,0,0,.35) !important; }
body > nav { background-color: rgba(11,15,26,.72) !important; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.logo, #main-nav.scrolled .logo { color: var(--ink) !important; }
.logo em { color: var(--accent) !important; }

/* Buttons: real blue fills, white text */
.nav-cta, .btn-primary, .cta-button, .btn--primary, .freq-tag {
  background: var(--btn) !important; color: #fff !important;
  box-shadow: 0 6px 22px rgba(45,95,179,.38) !important;
}
.nav-cta:hover, .btn-primary:hover, .cta-button:hover, .btn--primary:hover { background: var(--btn-dk) !important; }
.btn-secondary { color: var(--ink) !important; border-color: rgba(255,255,255,.22) !important; }
.btn-secondary:hover { background: rgba(255,255,255,.06) !important; color: #fff !important; border-color: rgba(255,255,255,.4) !important; }
.btn-white { background: #F4F1EA !important; color: #13306A !important; }
.cta-section { background: linear-gradient(135deg, #1B3F80 0%, #0F2550 100%) !important; }

/* Deep panels that used --ink as a background */
footer, .footer, .trust-bar, .nearby-section, .heritage-panel, .why-section, .dark-panel,
.calc__out, .contact__aside, #cta { background: var(--deep) !important; }
.footer::before { background: linear-gradient(to bottom, transparent, var(--deep)) !important; }
.step-num { background: var(--btn) !important; color: #fff !important; }
.trust-bar { border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06); }

/* Light cards -> glass on night */
.hero-badge, .hero-photo-badge { background: rgba(14,18,32,.82) !important; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); border: 1px solid rgba(255,255,255,.08); }
.fact, .faq-list details, .area-pill, .addon, .include-item, .process-step, .area-tag,
#frequency, #reviews, .testi-card, .diff-card, .chip, .schedule-card, .standard-item, .sector-card,
.spec-card, .floor-card, .case-card, .testimonial, .freq-card {
  background: rgba(255,255,255,.035) !important;
  border-color: rgba(255,255,255,.09) !important;
}
#frequency, #reviews { background: transparent !important; }
.local-section, #includes, #process, #areas, .breadcrumb { background: transparent !important; }
.hero { background: transparent !important; }
.chip i { box-shadow: 0 0 0 2px var(--surface) !important; }
input, textarea, select { background: rgba(255,255,255,.05) !important; color: var(--ink) !important; border-color: rgba(255,255,255,.14) !important; }
input::placeholder, textarea::placeholder { color: var(--ink-4); }
.form-error { background: rgba(214,82,62,.14) !important; }
.form-success { background: rgba(47,125,79,.18) !important; }

/* Images sit better on dark */
.hero-img-wrap, .local-photo, figure img { box-shadow: 0 30px 80px rgba(0,0,0,.5) !important; }
hr { border-color: rgba(255,255,255,.08); }

/* Phones: keep the header on one line */
@media (max-width: 480px) {
  .nav-cta, .cta-button { white-space: nowrap; padding: 9px 14px !important; font-size: .82rem !important; }
  .logo { font-size: 1.08rem !important; white-space: nowrap; }
  #main-nav, #nav, body > nav { padding-left: 16px !important; padding-right: 16px !important; gap: 10px; }
  .nav-back { display: none; }
}