/* hoobuywithqc.com — palette, type and shape. Everything else is in site.css. */
:root{
  --brand:#f0700c; --brand-rgb:240,112,12; --on-brand:#2d1418;
  --aqua:#ffd2a8; --aqua-2:#ffe2c6; --aqua-soft:#ffeddc; --aqua-ghost:#fff7ef;
  --mint-bg:#fdfaf8; --paper:#ffffff;
  --ink:#2d1418; --ink-soft:#594044; --muted:#785e62; --muted-2:#baabad;
  --purple:#f0700c; --on-accent:#2d1418; --purple-hi:#f38a38;
  --purple-soft:#fef1e7; --purple-deep:#853e07; --accent-ink:#b85609;
  --hl-ink:#2d1418; --hl-bg:#f0700c; --hl-pad:0 .14em; --logo-name:#f0700c;
  --accent-rgb:240,112,12; --aqua-rgb:255,210,168;
  --line:#f0e3e5; --line-2:#e5d2d5;
  --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(240,112,12,.45);
  --shadow-aqua:0 14px 30px -16px rgba(240,112,12,.35);
  --radius:10px; --radius-sm:6px; --radius-lg:16px;
  --pill:999px;
  --font:'Rubik',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --card-ph:"HOOBUY";
  --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);
}