/* order2 theme bridge — /order2 (order-form2.ejs)
   ----------------------------------------------------------------------------
   Loads AFTER /shared/css/layouts/outward.css (reset + tokens + brand-v5) and
   the functional libs (bootstrap-grid, bs-stepper, nice-forms, swiffy-slider),
   BEFORE /css/order-form2/order-form.css.

   Two jobs:
   1. Re-provide the reset behaviors the form was built on that the shared
      reset doesn't carry (img sizing, form-control font inheritance, the
      DM Sans heading scale at the sizes the wizard's components expect).
   2. Map the wizard's inherited --bs-* / --wire3-* custom-property API onto
      the shared brand tokens, so every rule in order-form.css resolves to the
      Nov 2025 identity without rewriting each usage. Override a value here,
      never in /shared. */

/* ── 1. reset/type bridge ──────────────────────────────────────── */
img, picture, video, canvas, svg { max-width: 100%; display: block; }
input, button, textarea, select { font: inherit; letter-spacing: inherit; word-spacing: inherit; }
p { overflow-wrap: break-word; }

html { font-size: 16px; }
body { color: var(--navy); }

/* DM Sans heading scale on the sizes the wizard components were laid out for
   (h1–h3 already get --font-head weight 800 from the shared reset). */
h1 { font-size: 4em; }
h2 { font-size: 3em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.5em; font-weight: 500; font-family: var(--font-head); }
h5 { font-size: 1.25em; font-weight: 800; }
h6 { font-size: 1em; font-weight: 700; }
body { line-height: 1.55; }

/* ── 2. variable API mapping ───────────────────────────────────── */
:root {
  /* wire3-hub brand vars → shared tokens (brand-v5 resolves the final hex) */
  --wire3-blue-dark: var(--navy);
  --wire3-blue-light: var(--navy-lite);
  --wire3-blue: var(--navy-mid);
  --wire3-green: var(--green);
  --wire3-green-light: var(--aurora, #CBF4BA);
  --wire3-green-dark: var(--green-mid);
  --wire3-icon: var(--green-dk);
  --wire3-light: var(--off-white);
  --wire3-horizon: #363AA9; /* Horizon Gradient start (guide primary), see --grad-horizon */

  /* bootstrap-palette vars the wizard css consumes → Lunar-purple neutrals + brand states */
  --bs-white: var(--white);
  --bs-light: var(--off-white);
  --bs-gray-100: var(--off-white);
  --bs-gray-200: #ECECF3;
  --bs-gray-300: var(--grey-lt);
  --bs-gray-400: #C7CCDB;
  --bs-gray-500: #9AA5B8;
  --bs-gray-600: var(--grey-mid);
  --bs-gray-700: var(--grey-dk);
  --bs-gray-800: #2E3A4E;
  --bs-gray-900: var(--navy);
  --bs-success: var(--green-dk);
  --bs-success-bg-subtle: var(--green-tint-200);
  --bs-danger: var(--red);
  --bs-danger-bg-subtle: #FDECEC;
}

/* hotfixes */
.bs-stepper-content { padding-bottom: 0 !important; }