/* hipobuywithqc.com — palette, type and shape. Everything else is in site.css. */
:root{
  --brand:#3b82f6; --brand-rgb:59,130,246; --on-brand:#111827;
  --aqua:#bfdbfe; --aqua-2:#d5e8fe; --aqua-soft:#e5f1ff; --aqua-ghost:#f3f9ff;
  --mint-bg:#f8fafd; --paper:#ffffff;
  --ink:#111827; --ink-soft:#404859; --muted:#5e6678; --muted-2:#abb0ba;
  --purple:#1a6df4; --on-accent:#ffffff; --purple-hi:#1762dc;
  --purple-soft:#ebf2fe; --purple-deep:#084ab6; --accent-ink:#1469f4;
  --hl-ink:#3b82f6; --hl-bg:transparent; --hl-pad:0; --logo-name:#3b82f6;
  --accent-rgb:26,109,244; --aqua-rgb:191,219,254;
  --line:#e3e7f0; --line-2:#d2d8e5;
  --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(26,109,244,.45);
  --shadow-aqua:0 14px 30px -16px rgba(26,109,244,.35);
  --radius:12px; --radius-sm:8px; --radius-lg:18px;
  --pill:999px;
  --font:'Onest',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --card-ph:"HIPOBUY";
  --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);
}