/* ByeByeBroker design tokens.
   emerald = brand / verified · brass = value included free
   indigo  = comparison + scoring only (used nowhere else, so it can only mean "best") */
:root{
  --ink:#0C2119;--ink-2:#3A4F45;--ink-3:#6B7D74;--ink-4:#9AA8A1;
  --em:#019242;--em-d:#016B30;--em-l:#01C057;--em-wash:#EAF6EF;--em-glow:rgba(1,192,87,.11);
  --brass:#A9762B;--brass-l:#F7EEDD;--brass-glow:rgba(169,118,43,.14);
  --ind:#4A46C6;--ind-d:#332FA0;--ind-w:#EEEEFB;--ind-glow:rgba(74,70,198,.16);
  --wa:#1FA855;
  --ivory:#FBFAF6;--paper:#FFFFFF;--mist:#F1F5F2;
  --danger:#B4442F;--danger-l:#FBEDEA;--warn:#B07A16;--warn-l:#FBF1DC;
  --line:rgba(12,33,25,.09);--line-2:rgba(12,33,25,.16);
  --font-sans:'Manrope',system-ui,-apple-system,sans-serif;
  --font-serif:'Fraunces',Georgia,serif;
  --arch:14rem 14rem 1.1rem 1.1rem;
  --r-sm:10px;--r-md:16px;--r-lg:22px;--r-xl:28px;
  --ease:cubic-bezier(.16,1,.3,1);
  --sh-s:0 1px 2px rgba(12,33,25,.04),0 4px 12px rgba(12,33,25,.05);
  --sh-m:0 2px 6px rgba(12,33,25,.05),0 18px 40px -12px rgba(12,33,25,.14);
  --sh-l:0 4px 10px rgba(12,33,25,.06),0 40px 80px -20px rgba(12,33,25,.22);
  --nav-h:66px;
}