/* cnshopperwithqc.com — palette, type and shape. Everything else is in site.css. */
:root{
  --aqua:#fdba74; --aqua-2:#fed2a5; --aqua-soft:#fee3c7; --aqua-ghost:#fff3e6;
  --mint-bg:#f8f9fd; --paper:#ffffff;
  --ink:#121621; --ink-soft:#434856; --muted:#5e626e; --muted-2:#b2b5bd;
  --purple:#1e3a8a; --purple-hi:#425a9d; --purple-soft:#e8ebf3; --purple-deep:#0f1e47;
  --accent-rgb:30,58,138; --aqua-rgb:253,186,116;
  --line:#e3e6f0; --line-2:#d2d7e5;
  --shadow-sm:0 2px 8px rgba(17,22,30,.06);
  --shadow:0 12px 30px -14px rgba(17,22,30,.2);
  --shadow-purple:0 12px 28px -12px rgba(30,58,138,.45);
  --shadow-aqua:0 14px 30px -16px rgba(30,58,138,.35);
  --radius:6px; --radius-sm:4px; --radius-lg:12px;
  --pill:8px;
  --font:'Be Vietnam Pro',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --card-ph:"CNSHOPPER";
  --hdr-bg:var(--ink); --hdr-ink:#ffffff; --hdr-hover:rgba(255,255,255,.12); --hdr-line:rgba(255,255,255,.08);
  --hdr-on-bg:var(--aqua); --hdr-on-ink:var(--ink); --hdr-field:rgba(255,255,255,.96); --hdr-field-line:transparent;
  --hdr-sub:rgba(255,255,255,.7);
}