/* BioLabs Research design tokens — v3.4.21 (2026-10-15). One source of truth for colour, type, spacing, radius, shadow, motion, icons.
   Every text colour below passes WCAG AA (4.5:1) on --c-bg, --c-surface and --c-surface-2; --c-gold is decorative (borders, fills, large display only). */
:root{
  /* brand */
  --c-navy:#0d2137; --c-navy-2:#1b2a4a; --c-navy-ink:#14233f;
  --c-gold:#b08d57; --c-gold-text:#82673d; --c-gold-deep:#7a5520; --c-gold-light:#f2d191; --c-gold-soft:#e6c27a;
  /* surfaces */
  --c-bg:#f2efe9; --c-surface:#ffffff; --c-surface-2:#f5f2ed; --c-surface-3:#f7f4ee; --c-dark:#161310;
  --c-border:#e6e0d6; --c-border-2:#e8e2d8;
  /* text */
  --c-text:#1a1a1a; --c-text-2:#4a4a4a; --c-text-muted:#6b6354; --c-text-subtle:#6b6b6b; --c-text-inverse:#f3efe6; --c-text-inverse-muted:#b9b4ab;
  --c-link:#85602a; --c-link-hover:#6b4a12;
  /* states */
  --c-success:#2e6b34; --c-error:#b3261e; --c-warning:#8a5a00; --c-info:#1f4f7a; --c-focus:#8c6326; --c-focus-inverse:#e6c27a;
  /* type scale (mobile first; desktop overrides below) */
  --font-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif; --font-serif:Fraunces,Georgia,serif;
  --fs-h1:30px; --lh-h1:1.15; --fs-h2:24px; --lh-h2:1.2; --fs-h3:20px; --lh-h3:1.3; --fs-h4:17px; --lh-h4:1.35; --fs-h5:15px; --lh-h5:1.4; --fs-h6:13px; --lh-h6:1.4;
  --fs-body:16px; --lh-body:1.6; --fs-small:13px; --lh-small:1.45; --fs-xs:12px;
  --fw-regular:400; --fw-medium:500; --fw-semibold:600; --fw-bold:700;
  /* spacing (4/8 scale) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:40px; --sp-8:48px; --sp-9:64px; --sp-10:72px; --sp-11:96px;
  --section-y:var(--sp-8); --gap-grid:var(--sp-4); --gutter:var(--sp-4);
  /* radius + shadow */
  --r-sm:6px; --r-md:10px; --r-lg:16px; --r-pill:999px;
  --sh-1:0 1px 2px rgba(13,33,55,.06); --sh-2:0 4px 12px rgba(13,33,55,.08); --sh-3:0 10px 28px rgba(13,33,55,.10),0 2px 6px rgba(13,33,55,.06); --sh-btn:0 6px 18px rgba(13,33,55,.18);
  /* motion */
  --dur:170ms; --ease:cubic-bezier(.2,.6,.2,1);
  /* buttons + icons */
  --btn-h-sm:36px; --btn-h-md:44px; --btn-h-lg:52px; --btn-tap:44px;
  --icon-sm:16px; --icon-md:20px; --icon-lg:24px; --icon-stroke:1.7;
}
@media (min-width:801px){:root{
  --fs-h1:44px; --lh-h1:1.1; --fs-h2:32px; --lh-h2:1.15; --fs-h3:22px; --lh-h3:1.3; --fs-h4:18px; --fs-h5:16px; --fs-h6:14px;
  --fs-body:16px; --fs-small:14px; --section-y:var(--sp-10); --gap-grid:var(--sp-5); --gutter:var(--sp-6); --btn-tap:36px;
}}
@media (prefers-reduced-motion:reduce){:root{--dur:0ms}}

/* v3.4.40: iOS Safari zooms the page when a focused field is under 16px. Phones/tablets only; no change on desktop. */
@media (max-width:768px){
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not([type=color]):not([type=hidden]),
  select,textarea{font-size:16px!important}
}
