/* sugargoowithqc.com — palette, type and shape. Everything else is in site.css. */
:root{
  --brand:#ff7103; --brand-rgb:255,113,3; --on-brand:#2a1a12;
  --aqua:#ffc36b; --aqua-2:#ffd89f; --aqua-soft:#ffe7c4; --aqua-ghost:#fff4e4;
  --mint-bg:#fdfaf8; --paper:#ffffff;
  --ink:#2a1a12; --ink-soft:#594840; --muted:#78675e; --muted-2:#bab0ab;
  --purple:#ff7103; --on-accent:#2a1a12; --purple-hi:#ff8b30;
  --purple-soft:#fff1e6; --purple-deep:#883b00; --accent-ink:#bd5200;
  --hl-ink:#2a1a12; --hl-bg:#ff7103; --hl-pad:0 .14em; --logo-name:#ff7103;
  --accent-rgb:255,113,3; --aqua-rgb:255,195,107;
  --line:#f0e7e3; --line-2:#e5d8d2;
  --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(255,113,3,.45);
  --shadow-aqua:0 14px 30px -16px rgba(255,113,3,.35);
  --radius:18px; --radius-sm:14px; --radius-lg:24px;
  --pill:999px;
  --font:'Urbanist',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --card-ph:"SUGARGOO";
  --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);
}