/* Bon Choix Maison: site theme overrides for the promo section library.
   Aligns promo.css vars to the site's comparison canon (teal ink + coral accents)
   so single-promo pages and the comparison root read as one site. */
:root {
  --ink: #101918;
  --muted: #5c6d68;
  --line: #dce6e2;
  --bg: #f6faf8;
  --deep: #075650;
  --deep-darker: #05443f;
  --deep-2: #0b766f;
  --accent: #0b766f;
  --accent-rgb: 11, 118, 111;
  --cta: #d95f43;
  --cta-dark: #b84a32;
  --shadow: 0 20px 60px rgba(22, 33, 31, 0.12);
  --shadow-soft: 0 12px 34px rgba(22, 33, 31, 0.08);
}

/* "avec Ted's Woodworking" is nowrap (promo.css .hl) and must fit a 390px
   viewport: cap the hero H1 a step lower on small screens. */
@media (max-width: 480px) {
  .hero h1 { font-size: clamp(26px, 7.6vw, 34px); }
}

/* The site-wide disclosure footer (layout x-disclosure) must clear the sticky
   CTA bar on promo pages: body padding extends the scroll area (a footer
   margin would just collapse into the body). */
body { padding-bottom: 73px; } /* = sticky bar height; JS refines to the exact px */