/* joyagoowithqc.com — palette, type and shape. Everything else is in site.css. */
:root{
  --aqua:#a7f3d0; --aqua-2:#c6f7e0; --aqua-soft:#dcfaec; --aqua-ghost:#effdf7;
  --mint-bg:#f8fdfd; --paper:#ffffff;
  --ink:#122120; --ink-soft:#435654; --muted:#5e6e6d; --muted-2:#b2bdbc;
  --purple:#0f766e; --purple-hi:#358c85; --purple-soft:#e7f1f0; --purple-deep:#073633;
  --accent-rgb:15,118,110; --aqua-rgb:167,243,208;
  --line:#e3f0ef; --line-2:#d2e5e3;
  --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(15,118,110,.45);
  --shadow-aqua:0 14px 30px -16px rgba(15,118,110,.35);
  --radius:12px; --radius-sm:8px; --radius-lg:18px;
  --pill:999px;
  --font:'Figtree',system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --card-ph:"JOYAGOO";
  --hdr-bg:#ffffff; --hdr-ink:var(--ink); --hdr-hover:var(--aqua-ghost); --hdr-line:var(--line);
  --hdr-on-bg:var(--ink); --hdr-on-ink:#ffffff; --hdr-field:var(--mint-bg); --hdr-field-line:var(--line-2);
  --hdr-sub:var(--ink-soft);
}