/* cssbuywithqc.com — palette, type and shape. Everything else is in site.css. */
:root{
  --brand:#6cbc2a; --brand-rgb:108,188,42; --on-brand:#0e1a12;
  --aqua:#6cbc2a; --aqua-2:#9fd375; --aqua-soft:#c4e4aa; --aqua-ghost:#e5f3d9;
  --mint-bg:#fafdf8; --paper:#ffffff;
  --ink:#0e1a12; --ink-soft:#405948; --muted:#5e7867; --muted-2:#abbab0;
  --purple:#6cbc2a; --on-accent:#0e1a12; --purple-hi:#86c850;
  --purple-soft:#f0f8ea; --purple-deep:#355d15; --accent-ink:#4a801d;
  --hl-ink:#0e1a12; --hl-bg:#6cbc2a; --hl-pad:0 .14em; --logo-name:#6cbc2a;
  --accent-rgb:108,188,42; --aqua-rgb:108,188,42;
  --line:#e3f0e7; --line-2:#d2e5d8;
  --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(108,188,42,.45);
  --shadow-aqua:0 14px 30px -16px rgba(108,188,42,.35);
  --radius:8px; --radius-sm:4px; --radius-lg:14px;
  --pill:8px;
  --font:'Manrope',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --card-ph:"CSSBUY";
  --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);
}