/* GENERATED by brand/build-tokens.mjs from brand/tokens.json ("v2") - DO NOT EDIT BY HAND.
 * v2 redesign tokens (issue 388). Mirror of the Figma file askbowtie-v2 (Ktq9wMtqIMr5ZtHNhKT8SN); Figma is
 * master during v2. NOT loaded by any live page: the v2 build links it at cutover. Every name is --v2-*.
 * Light is :root; dark is the OS preference (unless data-theme="light") and the forced data-theme="dark".
 */
:root{
  --v2-color-grad-1:#ff723b;
  --v2-color-grad-2:#f9725f;
  --v2-color-grad-3:#f47382;
  --v2-color-grad-4:#ee73a6;
  --v2-color-grad-5:#e973c9;
  --v2-color-grad-dark-1:#7a3414;
  --v2-color-grad-dark-2:#7b3447;
  --v2-color-grad-dark-3:#73336a;
  --v2-color-grad-dark-4:#652f86;
  --v2-color-grad-dark-5:#582d9b;
  --v2-color-white:#ffffff;
  --v2-color-black:#000000;
  --v2-color-ink:#17132b;
  --v2-color-body:#6c6781;
  --v2-color-line:#eeeaf7;
  --v2-color-orange:#ff7626;
  --v2-color-orange-icon:#ea5600;
  --v2-color-violet:#5b3df5;
  --v2-color-good:#176a4a;
  --v2-color-bad:#a33b1f;
  --v2-color-night-card:#1c1730;
  --v2-color-night-line:#2c2644;
  --v2-color-cream:#f3f0fa;
  --v2-color-night-body:#a8a2bf;
  --v2-color-lilac:#a99bff;
  --v2-color-orange-soft:#ff9a5e;
  --v2-color-good-soft:#57b88a;
  --v2-color-bad-soft:#e88a66;
  --v2-color-orange-wash:rgba(255,118,38,.1);
  --v2-color-good-wash:rgba(23,106,74,.12);
  --v2-color-bad-wash:rgba(163,59,31,.12);
  --v2-color-orange-wash-dark:rgba(255,154,94,.16);
  --v2-color-good-wash-dark:rgba(87,184,138,.16);
  --v2-color-bad-wash-dark:rgba(232,138,102,.16);
  --v2-color-ink-5:rgba(23,19,43,.05);
  --v2-color-ink-6:rgba(23,19,43,.06);
  --v2-color-ink-10:rgba(23,19,43,.1);
  --v2-color-ink-12:rgba(23,19,43,.12);
  --v2-color-ink-20:rgba(23,19,43,.2);
  --v2-color-ink-30:rgba(23,19,43,.3);
  --v2-color-ink-35:rgba(23,19,43,.35);
  --v2-color-ink-50:rgba(23,19,43,.5);
  --v2-color-ink-60:rgba(23,19,43,.6);
  --v2-color-ink-80:rgba(23,19,43,.8);
  --v2-color-white-5:rgba(255,255,255,.05);
  --v2-color-white-10:rgba(255,255,255,.1);
  --v2-color-white-12:rgba(255,255,255,.12);
  --v2-color-white-30:rgba(255,255,255,.3);
  --v2-color-white-50:rgba(255,255,255,.5);
  --v2-color-white-90:rgba(255,255,255,.9);
  --v2-color-black-40:rgba(0,0,0,.4);
  --v2-color-black-50:rgba(0,0,0,.5);
  --v2-color-clear:rgba(255,255,255,0);
  --v2-page:var(--v2-color-grad-4);
  --v2-stop1:var(--v2-color-grad-1);
  --v2-stop2:var(--v2-color-grad-2);
  --v2-stop3:var(--v2-color-grad-3);
  --v2-stop4:var(--v2-color-grad-4);
  --v2-stop5:var(--v2-color-grad-5);
  --v2-card:var(--v2-color-white);
  --v2-cardink:var(--v2-color-ink);
  --v2-body:var(--v2-color-body);
  --v2-cardline:var(--v2-color-line);
  --v2-zebra:var(--v2-color-ink-5);
  --v2-label:var(--v2-color-ink);
  --v2-labeldim:var(--v2-color-ink-80);
  --v2-chip:var(--v2-color-white-12);
  --v2-chipink:var(--v2-color-ink);
  --v2-chipline:var(--v2-color-ink-50);
  --v2-pill:var(--v2-color-white-30);
  --v2-pilltrack:var(--v2-color-ink-5);
  --v2-iconink:var(--v2-color-white);
  --v2-chipon:var(--v2-color-black);
  --v2-chiponink:var(--v2-color-white);
  --v2-tag:var(--v2-color-violet);
  --v2-hairline:var(--v2-color-ink-20);
  --v2-accent:var(--v2-color-orange);
  --v2-onaccent:var(--v2-color-ink);
  --v2-icon:var(--v2-color-orange-icon);
  --v2-good:var(--v2-color-good);
  --v2-watch:var(--v2-color-orange-icon);
  --v2-bad:var(--v2-color-bad);
  --v2-goodwash:var(--v2-color-good-wash);
  --v2-watchwash:var(--v2-color-orange-wash);
  --v2-badwash:var(--v2-color-bad-wash);
  --v2-shadow:var(--v2-color-ink-6);
  --v2-shadowselected:var(--v2-color-ink-10);
  --v2-cardring:var(--v2-color-clear);
  --v2-space-4:4px;
  --v2-space-6:6px;
  --v2-space-8:8px;
  --v2-space-10:10px;
  --v2-space-12:12px;
  --v2-space-14:14px;
  --v2-space-16:16px;
  --v2-space-18:18px;
  --v2-space-20:20px;
  --v2-space-24:24px;
  --v2-space-28:28px;
  --v2-space-32:32px;
  --v2-space-36:36px;
  --v2-space-48:48px;
  --v2-radius-10:10px;
  --v2-radius-14:14px;
  --v2-radius-20:20px;
  --v2-radius-pill:999px;
  --v2-sans:"SF Pro",-apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,"Segoe UI",Helvetica,Arial,sans-serif;
  --v2-type-hero:700 56px/60px var(--v2-sans);
  --v2-type-display:700 36px/40px var(--v2-sans);
  --v2-type-brand-mark:700 30px/34px var(--v2-sans);
  --v2-type-heading:600 28px/34px var(--v2-sans);
  --v2-type-stat:600 24px/28px var(--v2-sans);
  --v2-type-title:600 18px/22px var(--v2-sans);
  --v2-type-subtitle:600 16px/20px var(--v2-sans);
  --v2-type-body:400 16px/22px var(--v2-sans);
  --v2-type-answer:400 16px/24px var(--v2-sans);
  --v2-type-control:600 15px/20px var(--v2-sans);
  --v2-type-control-off:500 15px/20px var(--v2-sans);
  --v2-type-default:400 14px/20px var(--v2-sans);
  --v2-type-strong:500 14px/20px var(--v2-sans);
  --v2-type-small:400 12px/16px var(--v2-sans);
  --v2-type-eyebrow:500 12px/16px var(--v2-sans);
  --v2-type-desk-heading:600 32px/38px var(--v2-sans);
  --v2-type-desk-stat:700 32px/36px var(--v2-sans);
  --v2-type-desk-title:600 20px/26px var(--v2-sans);
  --v2-type-desk-subtitle:600 17px/22px var(--v2-sans);
  --v2-type-desk-default:400 15px/22px var(--v2-sans);
  --v2-type-desk-small:400 13px/18px var(--v2-sans);
  --v2-type-desk-hero:700 76px/80px var(--v2-sans);
  --v2-type-desk-display:700 52px/56px var(--v2-sans);
  --v2-type-desk-big:700 64px/64px var(--v2-sans);
  --v2-gradient-page:radial-gradient(141.2% 141.2% at 0% 0%, var(--v2-stop1) 0%, var(--v2-stop2) 25%, var(--v2-stop3) 50%, var(--v2-stop4) 75%, var(--v2-stop5) 100%);
  --v2-shadow-card:0 6px 9px 0 var(--v2-shadow), 0 0 0 1px var(--v2-cardring);
  --v2-shadow-selected:0 2px 8px 0 var(--v2-shadowselected);
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --v2-page:var(--v2-color-grad-dark-4);
  --v2-stop1:var(--v2-color-grad-dark-1);
  --v2-stop2:var(--v2-color-grad-dark-2);
  --v2-stop3:var(--v2-color-grad-dark-3);
  --v2-stop4:var(--v2-color-grad-dark-4);
  --v2-stop5:var(--v2-color-grad-dark-5);
  --v2-card:var(--v2-color-night-card);
  --v2-cardink:var(--v2-color-cream);
  --v2-body:var(--v2-color-night-body);
  --v2-cardline:var(--v2-color-night-line);
  --v2-zebra:var(--v2-color-white-5);
  --v2-label:var(--v2-color-white);
  --v2-labeldim:var(--v2-color-white-90);
  --v2-chip:var(--v2-color-ink-35);
  --v2-chipink:var(--v2-color-white);
  --v2-chipline:var(--v2-color-white-50);
  --v2-pill:var(--v2-color-ink-35);
  --v2-pilltrack:var(--v2-color-ink-20);
  --v2-iconink:var(--v2-color-ink);
  --v2-chipon:var(--v2-color-black);
  --v2-chiponink:var(--v2-color-white);
  --v2-tag:var(--v2-color-lilac);
  --v2-hairline:var(--v2-color-white-30);
  --v2-accent:var(--v2-color-orange);
  --v2-onaccent:var(--v2-color-ink);
  --v2-icon:var(--v2-color-orange-soft);
  --v2-good:var(--v2-color-good-soft);
  --v2-watch:var(--v2-color-orange-soft);
  --v2-bad:var(--v2-color-bad-soft);
  --v2-goodwash:var(--v2-color-good-wash-dark);
  --v2-watchwash:var(--v2-color-orange-wash-dark);
  --v2-badwash:var(--v2-color-bad-wash-dark);
  --v2-shadow:var(--v2-color-clear);
  --v2-shadowselected:var(--v2-color-black-50);
  --v2-cardring:var(--v2-color-night-line);
}}
:root[data-theme="dark"]{
  --v2-page:var(--v2-color-grad-dark-4);
  --v2-stop1:var(--v2-color-grad-dark-1);
  --v2-stop2:var(--v2-color-grad-dark-2);
  --v2-stop3:var(--v2-color-grad-dark-3);
  --v2-stop4:var(--v2-color-grad-dark-4);
  --v2-stop5:var(--v2-color-grad-dark-5);
  --v2-card:var(--v2-color-night-card);
  --v2-cardink:var(--v2-color-cream);
  --v2-body:var(--v2-color-night-body);
  --v2-cardline:var(--v2-color-night-line);
  --v2-zebra:var(--v2-color-white-5);
  --v2-label:var(--v2-color-white);
  --v2-labeldim:var(--v2-color-white-90);
  --v2-chip:var(--v2-color-ink-35);
  --v2-chipink:var(--v2-color-white);
  --v2-chipline:var(--v2-color-white-50);
  --v2-pill:var(--v2-color-ink-35);
  --v2-pilltrack:var(--v2-color-ink-20);
  --v2-iconink:var(--v2-color-ink);
  --v2-chipon:var(--v2-color-black);
  --v2-chiponink:var(--v2-color-white);
  --v2-tag:var(--v2-color-lilac);
  --v2-hairline:var(--v2-color-white-30);
  --v2-accent:var(--v2-color-orange);
  --v2-onaccent:var(--v2-color-ink);
  --v2-icon:var(--v2-color-orange-soft);
  --v2-good:var(--v2-color-good-soft);
  --v2-watch:var(--v2-color-orange-soft);
  --v2-bad:var(--v2-color-bad-soft);
  --v2-goodwash:var(--v2-color-good-wash-dark);
  --v2-watchwash:var(--v2-color-orange-wash-dark);
  --v2-badwash:var(--v2-color-bad-wash-dark);
  --v2-shadow:var(--v2-color-clear);
  --v2-shadowselected:var(--v2-color-black-50);
  --v2-cardring:var(--v2-color-night-line);
}