/* =====================================================================
   BioIntelliSense Order Form — design tokens
   Mapped from the live biointellisense.com theme (biointellisense v1.0.22,
   audited 2026-09-04). Scoped to the form root so nothing leaks into the
   theme. "verified" = read from the site; "proposed" = the theme has no
   equivalent, value proposed for approval (see 01-wp-style-audit.md §3).
   ===================================================================== */

.bis-order-form {
  /* ---- typography (verified) ---- */
  --bis-font: "sofia-pro", Arial, sans-serif;   /* Adobe Fonts kit aqt0bcm */
  --bis-fs-body: 16px;   --bis-lh-body: 1.5;
  --bis-fs-small: 14px;                          /* theme .small-text */
  --bis-fs-input: 18px;                          /* theme: form input 18px !important */
  --bis-fs-h1: 40px;  --bis-fs-h2: 40px;  --bis-fs-h3: 32px;
  --bis-fs-h4: 28px;  --bis-fs-h5: 24px;  --bis-fs-h6: 20px;
  --bis-lh-heading: 1.25;
  --bis-fw-regular: 400; --bis-fw-semibold: 600; --bis-fw-light: 300;

  /* ---- brand palette (verified) ---- */
  --bis-navy: #202a44;        /* body text, h1/h2/h5 */
  --bis-deep-blue: #001e78;   /* active tab underline, footer (#001f7e) */
  --bis-blue: #0064e2;        /* links, primary buttons, h4/h6 */
  --bis-blue-2: #307fe2;      /* secondary blue, visited links */
  --bis-teal: #009a79;        /* h3, list markers */
  --bis-sky: #e1e9f3;         /* form panel background, light text on dark */
  --bis-sky-2: #e6f1ff;       /* nav hover / current-item tint */
  --bis-offwhite: #f8fbff;    /* button text */
  --bis-muted: #8195b2;       /* placeholders, disabled — 3.1:1, never for text */
  --bis-text-soft: #4b5b73;   /* proposed: hints and secondary text — 6.9:1 on white, 5.6:1 on sky */
  --bis-border: #b6c6da;      /* input borders */
  --bis-surface: #ffffff;
  --bis-rule: #cccccc;        /* hr */

  /* ---- semantic (proposed — theme has none) ---- */
  --bis-error: #b02a37;          /* 6.5:1 on white */
  --bis-error-border: #dc3545;   /* 4.5:1 */
  --bis-error-bg: #f8d7da;
  --bis-success: #00755c;        /* 5.7:1 on white; brand teal itself is 3.6:1 */
  --bis-success-border: #009a79;
  --bis-success-bg: #e4f4f0;
  --bis-warning: #664d03;  --bis-warning-bg: #fff3cd;
  --bis-focus: #0064e2;    --bis-focus-width: 2px;  --bis-focus-offset: 2px;

  /* ---- shape & elevation (verified) ---- */
  --bis-radius: 8px;             /* panels, cards, inputs, hero */
  --bis-radius-pill: 10rem;      /* all buttons */
  --bis-shadow: 0 5px 11px 0 rgba(125, 125, 125, 0.25);   /* .card */
  --bis-shadow-menu: 0 7px 6px 0 rgba(0, 0, 0, 0.25);     /* dropdowns */

  /* ---- controls (verified) ---- */
  --bis-input-h: 40px;  --bis-input-pad: 8px;  --bis-textarea-h: 80px;
  --bis-input-gap: 16px;                     /* theme margin-bottom on fields */
  --bis-btn-pad: 8px 24px;  --bis-btn-fs: 16px;
  --bis-btn-hover: inset 0 0 0 150px rgba(0, 0, 0, 0.1);
  --bis-tap-min: 44px;                       /* proposed: touch target minimum */

  /* ---- spacing rhythm (verified: 8 / 16 / 24 / 32 / 64) ---- */
  --bis-s1: 8px; --bis-s2: 16px; --bis-s3: 24px; --bis-s4: 32px; --bis-s6: 64px;

  /* ---- layout (verified) ---- */
  --bis-header-h: 100px;         /* static, not sticky */
  --bis-mobile-menu-z: 9999;     /* our sticky bar must stay below 9998 */
  --bis-form-max: 760px;         /* proposed: comfortable single-column form width */
  --bis-form-max-wide: 1040px;   /* whole page width (round 5): header, indicator, panel; steps 2–3 use --bis-form-max inside it */
  --bis-card-min: 260px;         /* product card minimum width → 3-up ≥ ~1000px inner, 2-up on tablets, 1-up on phones */
  --bis-radius-card: 12px;       /* product cards (site product/news cards use 12–16px) */
  --bis-media-bg: #ffffff;       /* product photo area; switch to var(--bis-sky-2) once the photos ship with transparent backgrounds */

  /* ---- breakpoints (Bootstrap 5, for reference in comments; CSS vars can't be used in @media) ----
     sm 576  md 768  lg 992 (desktop nav)  xl 1200  xxl 1400 */
}