/* Medi-First Topical Solutions — design tokens (single light theme, brand-committed) */
:root{
  /* brand (from packaging & sell sheets) */
  --mf-teal:#00574F; --mf-teal-deep:#003F3A; --mf-teal-tint:#E4F0EE; --mf-teal-mid:#2E7A71;
  --mf-navy:#27336E; --mf-navy-tint:#E8EAF3;
  --mf-heart:#D9184F; --mf-gold:#E9B32B; --mf-gold-deep:#C4901A;
  /* neutrals (cool, teal-biased) */
  --mf-ink:#1A2233; --mf-ink-2:#4A5568; --mf-ink-3:#7C8797;
  --mf-paper:#FFFFFF; --mf-paper-2:#F4F7F7; --mf-line:#DCE3E3;
  /* amazon CTA — do not restyle; recognisability is the point */
  --amz-bg:#FFD814; --amz-border:#FCD200; --amz-hover:#F7CA00; --amz-ink:#0F1111;
  /* type */
  --font-display:"Nunito",ui-rounded,"Segoe UI",system-ui,sans-serif;   /* 700/800/900 only */
  --font-body:"Source Sans 3","Source Sans Pro",Helvetica,Arial,sans-serif;
  --font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;          /* UPC/NDC/item codes */
  /* scale */
  --text-xs:12px; --text-sm:14px; --text-base:17px; --text-lg:20px;
  --text-xl:24px; --text-2xl:32px; --text-3xl:40px; --text-hero:clamp(34px,4.6vw,56px);
  /* radius & shadow */
  --r-card:18px; --r-tile:16px; --r-pill:999px; --r-box:20px;
  --shadow-card:0 18px 34px -18px rgba(0,63,58,.45);
  --shadow-hero:0 30px 60px -30px rgba(0,63,58,.5);
  /* layout */
  --max-w:1180px; --gutter:24px; --header-h:76px;
}