/**
 * v1 sections inside the v2 chrome — palette + type bridge (2026-10-02).
 *
 * Vitaliy: "header/footer + palette only". There is no v2 Figma for product,
 * industry, about, contact, news or posts, so their LAYOUTS stay as built; this
 * file only recolours them into the Home 2026 system (navy, Archivo, v2
 * buttons) and fixes the spacing the v1 fixed/overlay header used to need.
 * DERIVED, not drawn — recorded in FIGMA.md. Loaded only when
 * blade_chrome_bridge() is true (v2 chrome + v1 sections), after home-v2.css.
 */

/* ---------- 1. Tokens: v1 names, v2 values ---------- */
body.chrome-v2 {
  --blade-font: var(--bp2-font);
  --blade-fg: var(--bp2-ink-900);
  --blade-blue: var(--bp2-navy-900);          /* v1 accent blue retires; buttons go navy (light) / white (dark) */
  --blade-primary: var(--bp2-navy-900);
  --blade-primary-fg: var(--bp2-white);
  --blade-gray-1: var(--bp2-grey-50);
  --blade-gray-2: var(--bp2-grey-100);
  --blade-gray-3: var(--bp2-grey-200);
  --blade-gray-4: var(--bp2-ink-400);
  --blade-border: var(--bp2-grey-100);
  --blade-surface-1: var(--bp2-navy-900);
  --blade-section-dark: var(--bp2-navy-900);
  --blade-section-light: var(--bp2-grey-50);
  --blade-light-bg: var(--bp2-grey-50);
  --blade-surface-2: var(--bp2-navy-800);
  --blade-card-dark: var(--bp2-navy-800);
  --blade-card-border: var(--bp2-navy-700);
  --blade-fg-on-dark: var(--bp2-white);
  --blade-fg-on-dark-2: var(--bp2-ondark-70);
  --blade-fg-on-dark-3: var(--bp2-ondark-50);
  /* Page margin: v1 used 20/24px; the v2 header uses a fluid 20→80px gutter.
     Same variables → old content lines up with the logo and the nav edge. */
  --blade-container-pad: var(--bp2-gutter);
  --blade-container-pad-lg: var(--bp2-gutter);
}

/* .services places its CTA group with a constant tuned to the 24px pad
   (right:-101.7391% = 702/690, main.css ~2290). Only the old v1 home (16132,
   now a draft) uses it: keep its v1 geometry rather than re-derive it. */
body.chrome-v2 .services { --blade-container-pad: 20px; --blade-container-pad-lg: 24px; }

/* The home-style hero pinned its copy to the old 1392 box (calc(50% - 696px)). */
@media (min-width: 1024px) {
  body.chrome-v2 .hero__content { left: max(var(--bp2-gutter), calc(50% - 640px)); }
}

/* ---------- 2. Type: Archivo everywhere in the page body ----------
   v1 rules name Switzer through the token, but ~33 declarations hard-code
   Switzer / atty-era 'Saans' / 'Noe Display'. */
body.chrome-v2 main,
body.chrome-v2 main :where(h1, h2, h3, h4, h5, h6, p, a, li, span, div, button, input, select, textarea, label, blockquote, figcaption, dt, dd, th, td, strong, em) {
  font-family: var(--bp2-font);
}

/* ---------- 3. Hard-coded dark surfaces → navy ---------- */
body.chrome-v2 .section--page-dark,
body.chrome-v2 .single-hero { background-color: var(--bp2-navy-900); }
body.chrome-v2 .blog-subscribe__inner,
body.chrome-v2 .single-feature__media,
body.chrome-v2 .single-related__media,
body.chrome-v2 .contact-split__form { background-color: var(--bp2-navy-800); }
body.chrome-v2 .pagination .page-numbers.current,
body.chrome-v2 .blog-archive__tab.is-active,
body.chrome-v2 .industry-grid__tab.is-active { background-color: var(--bp2-navy-900); border-color: var(--bp2-navy-900); }

/* Small black markers/dots in v1 → ink */
body.chrome-v2 :is(.capabilities__chip-dot, .intro__feature, .locations__office-dot, .trucks__card-spec)::before,
body.chrome-v2 .contact__office-dot,
body.chrome-v2 .product-hero__chip-dot { background-color: var(--bp2-ink-900); }

/* ---------- 4. Buttons: the v1 blue fills retire ----------
   Fills now come from --blade-blue (navy). Hovers were literal #1850e0. */
body.chrome-v2 :is(.hero__cta, .trucks__cta, .industries__cta, .statement__cta, .cta-panel__cta, .benefits__btn, .case-study__mini-cta, .services__cta):hover {
  background-color: var(--bp2-navy-700);
}
/* On dark/photo surfaces a navy button disappears: use the v2 primary (white, ink text). */
body.chrome-v2 :is(.hero, .sector-hero, .section--page-dark, .cta-panel, .statement) :is(.hero__cta, .statement__cta, .cta-panel__cta, .btn--primary, .sector-hero__cta) {
  background-color: var(--bp2-white);
  color: var(--bp2-ink-900);
}
body.chrome-v2 :is(.hero, .sector-hero, .section--page-dark, .cta-panel, .statement) :is(.hero__cta, .statement__cta, .cta-panel__cta, .btn--primary, .sector-hero__cta):hover {
  background-color: var(--bp2-grey-100);
}

/* ---------- 5. Spacing: the v2 nav is sticky and IN FLOW ----------
   v1 padded <main> to clear its fixed overlay header; nothing to clear now. */
body.chrome-v2.nav-light main { padding-top: 0; }