/* Bothwise - generated from design/tokens.json by design/build_tokens.py. Do not edit. */

:root, [data-theme="light"] {
  --surface: #faf6ee;
  --surface-raised: #fffdfa;
  --surface-sunken: #f3ece1;
  --line: #e1d8cb;
  --line-strong: #877f73;
  --ink: #1f192b;
  --ink-muted: #5d576a;
  --brand: #ffc336;
  --brand-pressed: #f2ab19;
  --on-brand: #1f192b;
  --brand-strong: #a2650a;
  --brand-red: #f82f00;
  --brand-red-soft: #ffe3d9;
  --focus: #1f192b;
  --on-accent: var(--ink);
  --shared: var(--brand);
  --shared-soft: #feefcb;
  --shared-ink: #6f4606;
  --accent-sky: #0999c9;
  --accent-sky-soft: #d5f0fe;
  --accent-sky-ink: #027196;
  --accent-apricot: #d57703;
  --accent-apricot-soft: #fee6d4;
  --accent-apricot-ink: #9b5708;
  --accent-moss: #0fa44d;
  --accent-moss-soft: #d9f3dd;
  --accent-moss-ink: #23773d;
  --accent-grape: #c26ed5;
  --accent-grape-soft: #f8e3fc;
  --accent-grape-ink: #8a5296;
  --accent-teal: #08a18d;
  --accent-teal-soft: #cff5ec;
  --accent-teal-ink: #027768;
  --accent-violet: #a577eb;
  --accent-violet-soft: #eee7fe;
  --accent-violet-ink: #775aa6;
  --accent-cobalt: #5d8af7;
  --accent-cobalt-soft: #e2ebff;
  --accent-cobalt-ink: #4665ae;
  --accent-mustard: #a78c02;
  --accent-mustard-soft: #f3ecce;
  --accent-mustard-ink: #7c6702;
  --member-a: var(--accent-teal);
  --member-b: var(--accent-violet);
  --member-a-soft: var(--accent-teal-soft);
  --member-b-soft: var(--accent-violet-soft);
  --member-a-ink: var(--accent-teal-ink);
  --member-b-ink: var(--accent-violet-ink);
  --status-in-force: #067272;
  --status-in-force-soft: #d1f3f2;
  --status-proposed: #5e5b94;
  --status-proposed-soft: #e9e9ff;
  --status-needs-review: #835a20;
  --status-needs-review-soft: #fae8d2;
  --status-done: #386695;
  --status-done-soft: #ddedfe;
  --status-cant: #8d5136;
  --status-cant-soft: #fee5da;
  --status-skipped: #5b5a60;
  --status-skipped-soft: #ece9e4;
  --hypothesis-surface: #f5f1fe;
  --hypothesis-line: #ab9bcb;
  --hypothesis-ink: #5e4784;
  --shadow-1: 0 1px 2px rgba(31,25,43,0.06), 0 0 0 1px rgba(31,25,43,0.04);
  --shadow-2: 0 12px 32px rgba(31,25,43,0.14);
  color-scheme: light;
}

[data-theme="dark"] {
  --surface: #18151e;
  --surface-raised: #23202a;
  --surface-sunken: #100e15;
  --line: #37333e;
  --line-strong: #7c7885;
  --ink: #f2eee6;
  --ink-muted: #b7b0a3;
  --brand: #ffc336;
  --brand-pressed: #ebaa2d;
  --on-brand: #1f192b;
  --brand-strong: #ffc336;
  --brand-red: #f82f00;
  --brand-red-soft: #3d1a10;
  --focus: #ffc336;
  --on-accent: var(--surface);
  --shared: var(--brand);
  --shared-soft: #3e2d10;
  --shared-ink: #fbd276;
  --accent-sky: #0cbaf4;
  --accent-sky-soft: #0d3242;
  --accent-sky-ink: #8bd6fa;
  --accent-apricot: #ee9138;
  --accent-apricot-soft: #402712;
  --accent-apricot-ink: #f7bd8f;
  --accent-moss: #5ac576;
  --accent-moss-soft: #1a3520;
  --accent-moss-ink: #a0dcac;
  --accent-grape: #d489e5;
  --accent-grape-soft: #39253d;
  --accent-grape-ink: #e5b8ef;
  --accent-teal: #02c6ae;
  --accent-teal-soft: #07362f;
  --accent-teal-ink: #85decd;
  --accent-violet: #ba93fb;
  --accent-violet-soft: #322843;
  --accent-violet-ink: #d3befd;
  --accent-cobalt: #82a8fe;
  --accent-cobalt-soft: #212d47;
  --accent-cobalt-ink: #b2cafe;
  --accent-mustard: #c9a90c;
  --accent-mustard-soft: #362d0d;
  --accent-mustard-ink: #ddca86;
  --member-a: var(--accent-teal);
  --member-b: var(--accent-violet);
  --member-a-soft: var(--accent-teal-soft);
  --member-b-soft: var(--accent-violet-soft);
  --member-a-ink: var(--accent-teal-ink);
  --member-b-ink: var(--accent-violet-ink);
  --status-in-force: #86d8d7;
  --status-in-force-soft: #113434;
  --status-proposed: #c1c1fa;
  --status-proposed-soft: #2c2b41;
  --status-needs-review: #e8bf8e;
  --status-needs-review-soft: #3a2a16;
  --status-done: #a0ccfa;
  --status-done-soft: #1e2f41;
  --status-cant: #f4b79c;
  --status-cant-soft: #3f271d;
  --status-skipped: #bab7b0;
  --status-skipped-soft: #2c2a30;
  --hypothesis-surface: #251f31;
  --hypothesis-line: #6f608c;
  --hypothesis-ink: #cbbaeb;
  --shadow-1: 0 1px 2px rgba(0,0,0,0.4);
  --shadow-2: 0 12px 32px rgba(0,0,0,0.55);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface: #18151e;
    --surface-raised: #23202a;
    --surface-sunken: #100e15;
    --line: #37333e;
    --line-strong: #7c7885;
    --ink: #f2eee6;
    --ink-muted: #b7b0a3;
    --brand: #ffc336;
    --brand-pressed: #ebaa2d;
    --on-brand: #1f192b;
    --brand-strong: #ffc336;
    --brand-red: #f82f00;
    --brand-red-soft: #3d1a10;
    --focus: #ffc336;
    --on-accent: var(--surface);
    --shared: var(--brand);
    --shared-soft: #3e2d10;
    --shared-ink: #fbd276;
    --accent-sky: #0cbaf4;
    --accent-sky-soft: #0d3242;
    --accent-sky-ink: #8bd6fa;
    --accent-apricot: #ee9138;
    --accent-apricot-soft: #402712;
    --accent-apricot-ink: #f7bd8f;
    --accent-moss: #5ac576;
    --accent-moss-soft: #1a3520;
    --accent-moss-ink: #a0dcac;
    --accent-grape: #d489e5;
    --accent-grape-soft: #39253d;
    --accent-grape-ink: #e5b8ef;
    --accent-teal: #02c6ae;
    --accent-teal-soft: #07362f;
    --accent-teal-ink: #85decd;
    --accent-violet: #ba93fb;
    --accent-violet-soft: #322843;
    --accent-violet-ink: #d3befd;
    --accent-cobalt: #82a8fe;
    --accent-cobalt-soft: #212d47;
    --accent-cobalt-ink: #b2cafe;
    --accent-mustard: #c9a90c;
    --accent-mustard-soft: #362d0d;
    --accent-mustard-ink: #ddca86;
    --member-a: var(--accent-teal);
    --member-b: var(--accent-violet);
    --member-a-soft: var(--accent-teal-soft);
    --member-b-soft: var(--accent-violet-soft);
    --member-a-ink: var(--accent-teal-ink);
    --member-b-ink: var(--accent-violet-ink);
    --status-in-force: #86d8d7;
    --status-in-force-soft: #113434;
    --status-proposed: #c1c1fa;
    --status-proposed-soft: #2c2b41;
    --status-needs-review: #e8bf8e;
    --status-needs-review-soft: #3a2a16;
    --status-done: #a0ccfa;
    --status-done-soft: #1e2f41;
    --status-cant: #f4b79c;
    --status-cant-soft: #3f271d;
    --status-skipped: #bab7b0;
    --status-skipped-soft: #2c2a30;
    --hypothesis-surface: #251f31;
    --hypothesis-line: #6f608c;
    --hypothesis-ink: #cbbaeb;
    --shadow-1: 0 1px 2px rgba(0,0,0,0.4);
    --shadow-2: 0 12px 32px rgba(0,0,0,0.55);
    color-scheme: dark;
  }
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --duration-quick: 200ms;
  --duration-calm: 320ms;
  --duration-reveal: 500ms;
  --ease-calm: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-settle: cubic-bezier(0.34, 1.32, 0.5, 1);
  --size-tap: 48px;
  --size-nav: 64px;
  --size-content: 640px;
  --size-avatar: 40px;
  --font-sans: "Bricolage Grotesque", "Vazirmatn", system-ui, sans-serif;
  --font-fa: "Vazirmatn", "Bricolage Grotesque", system-ui, sans-serif;
}

/* Type styles: add the class, e.g. <h1 class="bw-t-title-1"> */
.bw-t-display { font-family: var(--font-sans); font-size: 40px; line-height: 44px; font-weight: 700; letter-spacing: -0.02em; }
.bw-t-title-1 { font-family: var(--font-sans); font-size: 28px; line-height: 34px; font-weight: 700; letter-spacing: -0.015em; }
.bw-t-title-2 { font-family: var(--font-sans); font-size: 22px; line-height: 28px; font-weight: 650; letter-spacing: -0.01em; }
.bw-t-title-3 { font-family: var(--font-sans); font-size: 18px; line-height: 24px; font-weight: 600; }
.bw-t-body-lg { font-family: var(--font-sans); font-size: 18px; line-height: 28px; font-weight: 400; }
.bw-t-body { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; }
.bw-t-label { font-family: var(--font-sans); font-size: 16px; line-height: 20px; font-weight: 600; }
.bw-t-caption { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 500; }
.bw-t-numeric { font-family: var(--font-sans); font-size: 16px; line-height: 20px; font-weight: 600; font-variant-numeric: tabular-nums; }
.bw-t-fa-title { font-family: var(--font-fa); font-size: 26px; line-height: 40px; font-weight: 700; }
.bw-t-fa-body { font-family: var(--font-fa); font-size: 16px; line-height: 28px; font-weight: 400; }