/* =========================================================
   White theme with the V2 blue palette — the only design.
   Loads last on every page. Every surface is white or near-white,
   the accent is V2 sky blue, and dark mode is switched off (js/theme.js).
   ========================================================= */

/* ---- palette (also wins over any remembered data-theme="dark") ---- */
:root, :root[data-theme="dark"] {
  --bg: #ffffff;
  --surface: #ffffff;
  --ink: #0f2340;
  --ink-2: #45607f;
  --ink-3: #7f96b0;
  --line: #dbe8f6;
  --tint: #f3f8fe;            /* alternate section bg */
  --accent-tint: #e0f0ff;
  --ph-1: #eef5fd;
  --ph-2: #e0ecf9;
  --ph-line: #b4cbe4;
  --glass: rgba(255, 255, 255, .9);
  color-scheme: light;

  /* former navy surfaces (footer, dark sections, drawer) are now near-white */
  --dark: #f5f9ff;
  --dark-2: #ffffff;
  --dark-line: #dbe8f6;
  --navy: #0d2c54;            /* kept only for dark buttons */

  --accent: #0a74d6;          /* V2 sky blue */
  --accent-2: #38a8ff;
  --accent-ink: #ffffff;
  --accent-glow: rgba(56, 168, 255, .30);
  --shadow: 0 10px 30px rgba(10, 116, 214, .08);
}
body { background: var(--bg); color: var(--ink); }

/* ---- no dark mode: hide the sun/moon toggles ---- */
.theme-toggle, .theme-row { display: none !important; }

/* ---- header ---- */
.appbar { background: rgba(255, 255, 255, .9); }
.appbar .brand__logo--dark { display: block !important; }
.appbar .brand__logo--light { display: none !important; }
.tabbar { background: rgba(255, 255, 255, .94); }
.tabbar__fab { border-color: #fff; }

/* ---- buttons ---- */
.btn--primary { background: linear-gradient(135deg, #38a8ff, #0a74d6); color: #fff; box-shadow: 0 10px 26px rgba(10, 116, 214, .28); }
.btn--primary:hover { background: linear-gradient(135deg, #5cb9ff, #0b82ee); }
.btn--dark, .cta-band .btn--dark { background: var(--navy); color: #fff; }
.btn--onDark, .hero__cta .btn--ghost, .drawer__foot .btn--ghost { color: var(--ink); border-color: var(--line); }

/* ---- former dark sections: white surface, dark text ---- */
.section--dark, .footer, .hero, .tb, .trust { background: var(--dark); color: var(--ink); }
.section--dark { border-block: 1px solid var(--line); }
.section--dark .feature__text p { color: var(--ink-2); }
.section--dark .feature__media, .why__media, .machine-placeholder,
.solution--cut .solution__media, .solution--mark .solution__media, .solution--weld .solution__media { background: linear-gradient(145deg, var(--ph-1), var(--ph-2)); color: var(--ink-2); }
.models--dark .model { background: #fff; border-color: var(--line); box-shadow: 0 6px 22px rgba(10, 116, 214, .06); }
.models--dark .model small { color: var(--ink-2); }
.model__img { border-color: var(--line); }

/* footer */
.footer { border-top: 1px solid var(--line); color: var(--ink-2); }
.footer__grid h4 { color: var(--ink); }
.footer__grid a:hover { color: var(--accent); }

/* mobile menu drawer */
.drawer__panel { background: #fff; color: var(--ink); box-shadow: -12px 0 40px rgba(15, 35, 64, .12); }
.drawer .iconbtn { background: var(--tint); color: var(--ink); }
.drawer__backdrop { background: rgba(15, 35, 64, .35); }

/* home: dark bento card, enquiry card, trust band */
.bcard--dark { background: var(--tint); color: var(--ink); border-color: var(--line); }
.bcard--dark .bcard__num { color: var(--accent); }
.bcard--dark p { color: var(--ink-2); }
.bcard--accent { background: linear-gradient(135deg, #e8f3ff, #d6eaff); color: var(--ink); }
.bcard--accent .bcard__num { color: var(--accent); opacity: 1; }
.bcard--accent .btn { background: var(--navy); color: #fff; }
.enq__card { background: var(--tint); color: var(--ink); border: 1px solid var(--line); }
.enq__card h2 { color: var(--ink); }
.enq__card p { color: var(--ink-2); }
.enq__links a { background: #fff; border-color: var(--line); }
.enq__links a b, .kicker--light, .tb__top .kicker, .trust__stats b, .tb__stats b { color: var(--accent); }
.trust h2, .tb h2 { color: var(--ink); }
.trust__lead, .tb__cert-text span { color: var(--ink-2); }
.trust__stats div, .tb__stats div, .tb__cert { background: #fff; border-color: var(--line); }
.trust__stats small, .tb__stats small { color: var(--ink-3); }
.trust__logo, .tb__row span { border: 1px solid var(--line); box-shadow: 0 8px 22px rgba(10, 116, 214, .08); }

/* old dark hero (inner pages) */
.eyebrow { color: var(--ink-2); }
.hero .lead { color: var(--ink-2); }
.stat { background: #fff; border-color: var(--line); }

/* ---- call-to-action band: light blue instead of a solid colour block ---- */
.cta-band { background: linear-gradient(120deg, #e8f3ff, #d9ebff); color: var(--ink); border-block: 1px solid var(--line); }
.cta-band h2 { color: var(--ink); }
.cta-band p { color: var(--ink-2); opacity: 1; }
.cta-band a u { color: var(--accent); }
.cta-band .btn--ghost { color: var(--ink); border-color: var(--ph-line); }

/* ---- V2 touches ---- */
.section--tint { background: var(--tint); }
.bcard, .pcard, .svc__item, .plan, .acc-item, .flow__step, .faq details, .value { box-shadow: 0 6px 22px rgba(10, 116, 214, .06); }
.bcard__img, .pcard__media { background: linear-gradient(160deg, #f7fbff, #e8f2fd); }
.ticker { background: #fff; border-color: var(--line); }

/* ---- selected pills, tabs and chips: blue instead of navy ---- */
.subnav a.is-active, .subnav a:hover, .tab.is-active, .chip.is-active, .acc__t.is-active,
.form__seg input:checked + span { background: var(--accent); color: #fff; border-color: var(--accent); }
.download__ico { background: var(--accent); color: #fff; }