/* Banhaten design system tokens: generated from tokens/Color mode.zip, tokens/Theme.zip, tokens/Numbers.zip, and tokens/Radius.zip. */

:root,
[data-theme="blue"] {
  --bh-font-family: Inter;
  --font-sans: var(--bh-font-family);
  --bh-font-weight-regular: 400;
  --bh-font-weight-medium: 500;
  --bh-font-weight-semibold: 600;
  --bh-font-weight-bold: 700;
  --bh-text-display-xl-font-size: 96px;
  --bh-text-display-xl-line-height: 104px;
  --bh-text-display-xl-letter-spacing: -0.03em;
  --bh-text-display-xl-font-weight: var(--bh-font-weight-semibold);
  --bh-text-display-lg-font-size: 84px;
  --bh-text-display-lg-line-height: 92px;
  --bh-text-display-lg-letter-spacing: -0.03em;
  --bh-text-display-lg-font-weight: var(--bh-font-weight-bold);
  --bh-text-display-md-font-size: 72px;
  --bh-text-display-md-line-height: 80px;
  --bh-text-display-md-letter-spacing: -0.03em;
  --bh-text-display-md-font-weight: var(--bh-font-weight-bold);
  --bh-text-display-sm-font-size: 60px;
  --bh-text-display-sm-line-height: 68px;
  --bh-text-display-sm-letter-spacing: -0.03em;
  --bh-text-display-sm-font-weight: var(--bh-font-weight-semibold);
  --bh-text-heading-3xl-bold-font-size: 48px;
  --bh-text-heading-3xl-bold-line-height: 56px;
  --bh-text-heading-3xl-bold-letter-spacing: -0.02em;
  --bh-text-heading-3xl-bold-font-weight: var(--bh-font-weight-bold);
  --bh-text-heading-3xl-medium-font-size: 48px;
  --bh-text-heading-3xl-medium-line-height: 56px;
  --bh-text-heading-3xl-medium-letter-spacing: -0.02em;
  --bh-text-heading-3xl-medium-font-weight: var(--bh-font-weight-medium);
  --bh-text-heading-2xl-bold-font-size: 40px;
  --bh-text-heading-2xl-bold-line-height: 48px;
  --bh-text-heading-2xl-bold-letter-spacing: -0.02em;
  --bh-text-heading-2xl-bold-font-weight: var(--bh-font-weight-bold);
  --bh-text-heading-2xl-medium-font-size: 40px;
  --bh-text-heading-2xl-medium-line-height: 48px;
  --bh-text-heading-2xl-medium-letter-spacing: -0.02em;
  --bh-text-heading-2xl-medium-font-weight: var(--bh-font-weight-medium);
  --bh-text-heading-xl-bold-font-size: 32px;
  --bh-text-heading-xl-bold-line-height: 36px;
  --bh-text-heading-xl-bold-letter-spacing: -0.02em;
  --bh-text-heading-xl-bold-font-weight: var(--bh-font-weight-bold);
  --bh-text-heading-xl-medium-font-size: 32px;
  --bh-text-heading-xl-medium-line-height: 36px;
  --bh-text-heading-xl-medium-letter-spacing: -0.02em;
  --bh-text-heading-xl-medium-font-weight: var(--bh-font-weight-medium);
  --bh-text-heading-lg-semibold-font-size: 28px;
  --bh-text-heading-lg-semibold-line-height: 32px;
  --bh-text-heading-lg-semibold-letter-spacing: -0.01em;
  --bh-text-heading-lg-semibold-font-weight: var(--bh-font-weight-semibold);
  --bh-text-heading-lg-medium-font-size: 28px;
  --bh-text-heading-lg-medium-line-height: 32px;
  --bh-text-heading-lg-medium-letter-spacing: -0.01em;
  --bh-text-heading-lg-medium-font-weight: var(--bh-font-weight-medium);
  --bh-text-heading-md-semibold-font-size: 24px;
  --bh-text-heading-md-semibold-line-height: 28px;
  --bh-text-heading-md-semibold-letter-spacing: 0px;
  --bh-text-heading-md-semibold-font-weight: var(--bh-font-weight-semibold);
  --bh-text-heading-md-medium-font-size: 24px;
  --bh-text-heading-md-medium-line-height: 28px;
  --bh-text-heading-md-medium-letter-spacing: 0px;
  --bh-text-heading-md-medium-font-weight: var(--bh-font-weight-medium);
  --bh-text-heading-sm-semibold-font-size: 20px;
  --bh-text-heading-sm-semibold-line-height: 24px;
  --bh-text-heading-sm-semibold-letter-spacing: 0px;
  --bh-text-heading-sm-semibold-font-weight: var(--bh-font-weight-semibold);
  --bh-text-heading-sm-medium-font-size: 20px;
  --bh-text-heading-sm-medium-line-height: 24px;
  --bh-text-heading-sm-medium-letter-spacing: 0px;
  --bh-text-heading-sm-medium-font-weight: var(--bh-font-weight-medium);
  --bh-text-heading-xs-semibold-font-size: 17px;
  --bh-text-heading-xs-semibold-line-height: 22px;
  --bh-text-heading-xs-semibold-letter-spacing: 0px;
  --bh-text-heading-xs-semibold-font-weight: var(--bh-font-weight-semibold);
  --bh-text-heading-xs-medium-font-size: 17px;
  --bh-text-heading-xs-medium-line-height: 22px;
  --bh-text-heading-xs-medium-letter-spacing: 0px;
  --bh-text-heading-xs-medium-font-weight: var(--bh-font-weight-medium);
  --bh-text-body-xl-semibold-font-size: 20px;
  --bh-text-body-xl-semibold-line-height: 30px;
  --bh-text-body-xl-semibold-letter-spacing: 0px;
  --bh-text-body-xl-semibold-font-weight: var(--bh-font-weight-semibold);
  --bh-text-body-xl-medium-font-size: 20px;
  --bh-text-body-xl-medium-line-height: 30px;
  --bh-text-body-xl-medium-letter-spacing: 0px;
  --bh-text-body-xl-medium-font-weight: var(--bh-font-weight-medium);
  --bh-text-body-xl-regular-font-size: 20px;
  --bh-text-body-xl-regular-line-height: 30px;
  --bh-text-body-xl-regular-letter-spacing: 0px;
  --bh-text-body-xl-regular-font-weight: var(--bh-font-weight-regular);
  --bh-text-body-lg-semibold-font-size: 17px;
  --bh-text-body-lg-semibold-line-height: 28px;
  --bh-text-body-lg-semibold-letter-spacing: 0px;
  --bh-text-body-lg-semibold-font-weight: var(--bh-font-weight-semibold);
  --bh-text-body-lg-medium-font-size: 17px;
  --bh-text-body-lg-medium-line-height: 28px;
  --bh-text-body-lg-medium-letter-spacing: 0px;
  --bh-text-body-lg-medium-font-weight: var(--bh-font-weight-medium);
  --bh-text-body-lg-regular-font-size: 17px;
  --bh-text-body-lg-regular-line-height: 28px;
  --bh-text-body-lg-regular-letter-spacing: 0px;
  --bh-text-body-lg-regular-font-weight: var(--bh-font-weight-regular);
  --bh-text-body-lg-underline-font-size: 17px;
  --bh-text-body-lg-underline-line-height: 28px;
  --bh-text-body-lg-underline-letter-spacing: 0px;
  --bh-text-body-lg-underline-font-weight: var(--bh-font-weight-medium);
  --bh-text-body-md-semibold-font-size: 15px;
  --bh-text-body-md-semibold-line-height: 24px;
  --bh-text-body-md-semibold-letter-spacing: 0px;
  --bh-text-body-md-semibold-font-weight: var(--bh-font-weight-semibold);
  --bh-text-body-md-medium-font-size: 15px;
  --bh-text-body-md-medium-line-height: 24px;
  --bh-text-body-md-medium-letter-spacing: 0px;
  --bh-text-body-md-medium-font-weight: var(--bh-font-weight-medium);
  --bh-text-body-md-regular-font-size: 15px;
  --bh-text-body-md-regular-line-height: 24px;
  --bh-text-body-md-regular-letter-spacing: 0px;
  --bh-text-body-md-regular-font-weight: var(--bh-font-weight-regular);
  --bh-text-body-md-underline-font-size: 15px;
  --bh-text-body-md-underline-line-height: 24px;
  --bh-text-body-md-underline-letter-spacing: 0px;
  --bh-text-body-md-underline-font-weight: var(--bh-font-weight-medium);
  --bh-text-body-sm-semibold-font-size: 14px;
  --bh-text-body-sm-semibold-line-height: 20px;
  --bh-text-body-sm-semibold-letter-spacing: 0px;
  --bh-text-body-sm-semibold-font-weight: var(--bh-font-weight-semibold);
  --bh-text-body-sm-medium-font-size: 14px;
  --bh-text-body-sm-medium-line-height: 20px;
  --bh-text-body-sm-medium-letter-spacing: 0px;
  --bh-text-body-sm-medium-font-weight: var(--bh-font-weight-medium);
  --bh-text-body-sm-regular-font-size: 14px;
  --bh-text-body-sm-regular-line-height: 20px;
  --bh-text-body-sm-regular-letter-spacing: 0px;
  --bh-text-body-sm-regular-font-weight: var(--bh-font-weight-regular);
  --bh-text-body-xs-semibold-font-size: 13px;
  --bh-text-body-xs-semibold-line-height: 20px;
  --bh-text-body-xs-semibold-letter-spacing: 0px;
  --bh-text-body-xs-semibold-font-weight: var(--bh-font-weight-semibold);
  --bh-text-body-xs-medium-font-size: 13px;
  --bh-text-body-xs-medium-line-height: 20px;
  --bh-text-body-xs-medium-letter-spacing: 0px;
  --bh-text-body-xs-medium-font-weight: var(--bh-font-weight-medium);
  --bh-text-body-xs-regular-font-size: 13px;
  --bh-text-body-xs-regular-line-height: 20px;
  --bh-text-body-xs-regular-letter-spacing: 0px;
  --bh-text-body-xs-regular-font-weight: var(--bh-font-weight-regular);
  --bh-text-body-xs-underline-font-size: 13px;
  --bh-text-body-xs-underline-line-height: 20px;
  --bh-text-body-xs-underline-letter-spacing: 0px;
  --bh-text-body-xs-underline-font-weight: var(--bh-font-weight-medium);
  --bh-text-body-2xs-semibold-font-size: 12px;
  --bh-text-body-2xs-semibold-line-height: 16px;
  --bh-text-body-2xs-semibold-letter-spacing: 0px;
  --bh-text-body-2xs-semibold-font-weight: var(--bh-font-weight-semibold);
  --bh-text-body-2xs-medium-font-size: 12px;
  --bh-text-body-2xs-medium-line-height: 16px;
  --bh-text-body-2xs-medium-letter-spacing: 0px;
  --bh-text-body-2xs-medium-font-weight: var(--bh-font-weight-medium);
  --bh-text-body-2xs-regular-font-size: 12px;
  --bh-text-body-2xs-regular-line-height: 16px;
  --bh-text-body-2xs-regular-letter-spacing: 0px;
  --bh-text-body-2xs-regular-font-weight: var(--bh-font-weight-regular);
  --bh-text-body-2xs-underline-font-size: 12px;
  --bh-text-body-2xs-underline-line-height: 16px;
  --bh-text-body-2xs-underline-letter-spacing: 0px;
  --bh-text-body-2xs-underline-font-weight: var(--bh-font-weight-medium);
  --bh-text-body-3xs-semibold-font-size: 11px;
  --bh-text-body-3xs-semibold-line-height: 14px;
  --bh-text-body-3xs-semibold-letter-spacing: 0px;
  --bh-text-body-3xs-semibold-font-weight: var(--bh-font-weight-semibold);
  --bh-text-body-3xs-medium-font-size: 11px;
  --bh-text-body-3xs-medium-line-height: 14px;
  --bh-text-body-3xs-medium-letter-spacing: 0px;
  --bh-text-body-3xs-medium-font-weight: var(--bh-font-weight-medium);
  --bh-text-body-3xs-regular-font-size: 11px;
  --bh-text-body-3xs-regular-line-height: 14px;
  --bh-text-body-3xs-regular-letter-spacing: 0px;
  --bh-text-body-3xs-regular-font-weight: var(--bh-font-weight-regular);
  --bh-text-body-md-font-size: var(--bh-text-body-md-regular-font-size);
  --bh-text-body-md-line-height: var(--bh-text-body-md-regular-line-height);
  --bh-text-body-md-letter-spacing: var(--bh-text-body-md-regular-letter-spacing);
  --bh-text-base-font-size: var(--bh-text-body-md-regular-font-size);
  --bh-text-base-line-height: var(--bh-text-body-md-regular-line-height);
  --bh-text-base-letter-spacing: var(--bh-text-body-md-regular-letter-spacing);
  --bh-text-base-font-weight: var(--bh-text-body-md-regular-font-weight);
  --bh-text-button-font-size: var(--bh-text-body-md-medium-font-size);
  --bh-text-button-line-height: var(--bh-text-body-md-medium-line-height);
  --bh-text-button-letter-spacing: var(--bh-text-body-md-medium-letter-spacing);
  --bh-text-button-font-weight: var(--bh-text-body-md-medium-font-weight);
  --bh-alpha-alpha-transparent: rgb(255 255 255 / 0);
  --bh-alpha-alpha-transparent-to-100: rgb(255 255 255 / 0);
  --bh-alpha-alpha-transparent-to-500: rgb(255 255 255 / 0);
  --bh-bg-accent-amber-default: #EE7300;
  --bh-bg-accent-amber-soft: #FFE7BE;
  --bh-bg-accent-amber-subtle: #FFF2DB;
  --bh-bg-accent-aqua-default: #03A980;
  --bh-bg-accent-aqua-soft: #BBFAEA;
  --bh-bg-accent-aqua-subtle: #DBFFF6;
  --bh-bg-accent-blue-default: #3276FF;
  --bh-bg-accent-blue-soft: #D6EAFF;
  --bh-bg-accent-blue-subtle: #EBF5FF;
  --bh-bg-accent-fuchsia-default: #E703EB;
  --bh-bg-accent-fuchsia-soft: #FED6FF;
  --bh-bg-accent-fuchsia-subtle: #FFEBFF;
  --bh-bg-accent-golden-bold: #C98B04;
  --bh-bg-accent-golden-default: #F7C407;
  --bh-bg-accent-golden-soft: #FFEDAE;
  --bh-bg-accent-golden-subtle: #FFF5D1;
  --bh-bg-accent-green-default: #0BAE45;
  --bh-bg-accent-green-soft: #BCFAD2;
  --bh-bg-accent-green-subtle: #DBFFE8;
  --bh-bg-accent-lime-default: #8EB903;
  --bh-bg-accent-lime-soft: #E8FCA8;
  --bh-bg-accent-lime-subtle: #F4FFD1;
  --bh-bg-accent-purple-default: #A135FA;
  --bh-bg-accent-purple-soft: #F0DEFF;
  --bh-bg-accent-purple-subtle: #F7EDFF;
  --bh-bg-accent-red-default: #E8172C;
  --bh-bg-accent-red-soft: #FFDBDF;
  --bh-bg-accent-red-subtle: #FFEDEF;
  --bh-bg-accent-rose-default: #F01071;
  --bh-bg-accent-rose-soft: #FFD6E7;
  --bh-bg-accent-rose-subtle: #FFEBF3;
  --bh-bg-accent-sky-base: #059FE5;
  --bh-bg-accent-sky-soft: #CFF0FF;
  --bh-bg-accent-sky-subtle: #EDF9FF;
  --bh-bg-always-dark: #232F40;
  --bh-bg-always-white: #FFFFFF;
  --bh-bg-backdrop: rgb(0 0 0 / 0.5);
  --bh-bg-brand-bold: #245DED;
  --bh-bg-brand-default: #3276FF;
  --bh-bg-brand-soft: #D6EAFF;
  --bh-bg-brand-strong: #1D49BF;
  --bh-bg-brand-subtle: #EBF5FF;
  --bh-bg-danger-default: #E8172C;
  --bh-bg-danger-soft: #FFDBDF;
  --bh-bg-danger-subtle: #FFEDEF;
  --bh-bg-default: #FFFFFF;
  --bh-bg-default-hover: #F9FBFC;
  --bh-bg-dim: #EBEEF0;
  --bh-bg-dim-hover: #E6EBF0;
  --bh-bg-disabled: #F9FBFC;
  --bh-bg-divider: rgb(55 83 122 / 0.13);
  --bh-bg-grouped: #F2F4F5;
  --bh-bg-grouped-surface: #FFFFFF;
  --bh-bg-info-bold: #245DED;
  --bh-bg-info-default: #3276FF;
  --bh-bg-info-soft: #D6EAFF;
  --bh-bg-info-strong: #1D49BF;
  --bh-bg-info-subtle: #EBF5FF;
  --bh-bg-inverse: #101B2E;
  --bh-bg-muted: #F2F4F5;
  --bh-bg-muted-hover: #EBEEF0;
  --bh-bg-neutral-bold: #4E596E;
  --bh-bg-neutral-default: #7F8C9E;
  --bh-bg-neutral-medium: #C3D0DE;
  --bh-bg-neutral-soft: rgb(88 123 140 / 0.13);
  --bh-bg-neutral-subtle: rgb(88 123 140 / 0.1);
  --bh-bg-raised: #FFFFFF;
  --bh-bg-raised-hover: #F9FBFC;
  --bh-bg-raised-subtle: #F9FBFC;
  --bh-bg-subtle: #F9FBFC;
  --bh-bg-subtle-alpha: #F9FBFC;
  --bh-bg-subtle-hover: #F2F4F5;
  --bh-bg-success-bold: #039536;
  --bh-bg-success-default: #0BAE45;
  --bh-bg-success-soft: #BCFAD2;
  --bh-bg-success-strong: #07712C;
  --bh-bg-success-subtle: #DBFFE8;
  --bh-bg-warning-bold: #CD6103;
  --bh-bg-warning-default: #EE7300;
  --bh-bg-warning-soft: #FFE7BE;
  --bh-bg-warning-strong: #AC4C03;
  --bh-bg-warning-subtle: #FFF2DB;
  --bh-border-accent-amber-strong: #EE7300;
  --bh-border-accent-amber-subtle: #FFC369;
  --bh-border-accent-aqua-strong: #03A980;
  --bh-border-accent-aqua-subtle: #87F0D5;
  --bh-border-accent-blue-strong: #3276FF;
  --bh-border-accent-blue-subtle: #BBDAFF;
  --bh-border-accent-fuchsia-strong: #E703EB;
  --bh-border-accent-fuchsia-subtle: #FEB9FF;
  --bh-border-accent-golden-strong: #C98B04;
  --bh-border-accent-golden-subtle: #FAD658;
  --bh-border-accent-green-strong: #0BAE45;
  --bh-border-accent-green-subtle: #89EBAC;
  --bh-border-accent-lime-strong: #7CA203;
  --bh-border-accent-lime-subtle: #D4F273;
  --bh-border-accent-purple-strong: #A135FA;
  --bh-border-accent-purple-subtle: #E3C3FF;
  --bh-border-accent-red-strong: #E8172C;
  --bh-border-accent-red-subtle: #FFBFC6;
  --bh-border-accent-rose-strong: #F01071;
  --bh-border-accent-rose-subtle: #FFB9D7;
  --bh-border-accent-sky-strong: #059FE5;
  --bh-border-accent-sky-subtle: #A4E2FF;
  --bh-border-brand-strong: #245DED;
  --bh-border-brand-subtle: #8DBDFF;
  --bh-border-danger-strong: #E8172C;
  --bh-border-danger-subtle: #FF96A1;
  --bh-border-default: rgb(22 64 112 / 0.15);
  --bh-border-disabled: rgb(88 123 140 / 0.13);
  --bh-border-focus: #3276FF;
  --bh-border-focus-danger: #FC5666;
  --bh-border-info-strong: #3276FF;
  --bh-border-info-subtle: #BBDAFF;
  --bh-border-input: rgb(22 64 112 / 0.15);
  --bh-border-inverse: #FFFFFF;
  --bh-border-inverse-subtle: rgb(255 255 255 / 0.15);
  --bh-border-strong: #4E596E;
  --bh-border-subtle: rgb(55 83 122 / 0.13);
  --bh-border-success-strong: #0BAE45;
  --bh-border-success-subtle: #89EBAC;
  --bh-border-warning-strong: #EE7300;
  --bh-border-warning-subtle: #FFC369;
  --bh-chart-brand-default: #3276FF;
  --bh-chart-categorical-1: #0C85C3;
  --bh-chart-categorical-2: #610FAD;
  --bh-chart-categorical-3: #EE7300;
  --bh-chart-categorical-4: #A7094D;
  --bh-chart-categorical-5: #0A1B63;
  --bh-chart-categorical-6: #A135FA;
  --bh-chart-categorical-7: #44071F;
  --bh-chart-categorical-8: #AC4C03;
  --bh-chart-neutral-default: #D8E0E8;
  --bh-content-accent-amber-default: #CD6103;
  --bh-content-accent-amber-strong: #863E07;
  --bh-content-accent-aqua-default: #03906E;
  --bh-content-accent-aqua-strong: #076F57;
  --bh-content-accent-blue-default: #245DED;
  --bh-content-accent-blue-strong: #1D49BF;
  --bh-content-accent-fuchsia-default: #C20AC5;
  --bh-content-accent-fuchsia-strong: #92089F;
  --bh-content-accent-golden-default: #A96C03;
  --bh-content-accent-golden-strong: #7E4F03;
  --bh-content-accent-green-default: #039536;
  --bh-content-accent-green-strong: #07712C;
  --bh-content-accent-lime-default: #7CA203;
  --bh-content-accent-lime-strong: #668303;
  --bh-content-accent-purple-default: #8216DB;
  --bh-content-accent-purple-strong: #610FAD;
  --bh-content-accent-red-default: #CA1224;
  --bh-content-accent-red-strong: #A60C1B;
  --bh-content-accent-rose-default: #D10A60;
  --bh-content-accent-rose-strong: #A7094D;
  --bh-content-accent-sky-default: #0C85C3;
  --bh-content-accent-sky-strong: #036EA4;
  --bh-content-brand-default: #245DED;
  --bh-content-brand-strong: #1D49BF;
  --bh-content-danger-default: #CA1224;
  --bh-content-danger-strong: #A60C1B;
  --bh-content-default: #101B2E;
  --bh-content-disabled: #ABB8C7;
  --bh-content-information-default: #245DED;
  --bh-content-information-strong: #1D49BF;
  --bh-content-inverse: #FFFFFF;
  --bh-content-link: #245DED;
  --bh-content-link-hover: #1D49BF;
  --bh-content-muted: #7F8C9E;
  --bh-content-on-brand: #FFFFFF;
  --bh-content-on-color: #FFFFFF;
  --bh-content-on-light: #101B2E;
  --bh-content-subtle: #4E596E;
  --bh-content-success-default: #039536;
  --bh-content-success-strong: #07712C;
  --bh-content-warning-default: #CD6103;
  --bh-content-warning-strong: #AC4C03;
  --bh-interactive-brand-default: #3276FF;
  --bh-interactive-brand-disabled: rgb(88 123 140 / 0.1);
  --bh-interactive-brand-hover: #245DED;
  --bh-interactive-brand-pressed: #1D49BF;
  --bh-interactive-checkbox-default: #245DED;
  --bh-interactive-checkbox-hover: #245DED;
  --bh-interactive-danger-default: #E8172C;
  --bh-interactive-danger-disabled: rgb(88 123 140 / 0.1);
  --bh-interactive-danger-hover: #CA1224;
  --bh-interactive-danger-pressed: #E8172C;
  --bh-interactive-danger-soft-default: #FFEDEF;
  --bh-interactive-danger-soft-disabled: rgb(88 123 140 / 0.1);
  --bh-interactive-danger-soft-hover: #FFDBDF;
  --bh-interactive-danger-soft-pressed: #FFEDEF;
  --bh-interactive-ghost-active: rgb(88 123 140 / 0.1);
  --bh-interactive-ghost-default: rgb(0 0 0 / 0);
  --bh-interactive-ghost-disabled: rgb(0 0 0 / 0);
  --bh-interactive-ghost-hover: rgb(88 123 140 / 0.07);
  --bh-interactive-ghost-pressed: rgb(88 123 140 / 0.1);
  --bh-interactive-indicator-default: #3276FF;
  --bh-interactive-input-default: #FFFFFF;
  --bh-interactive-input-disabled: rgb(88 123 140 / 0.07);
  --bh-interactive-input-soft: rgb(88 123 140 / 0.1);
  --bh-interactive-input-soft-disabled: rgb(88 123 140 / 0.07);
  --bh-interactive-outlined-default: rgb(0 0 0 / 0);
  --bh-interactive-outlined-disabled: rgb(0 0 0 / 0);
  --bh-interactive-outlined-hover: rgb(88 123 140 / 0.07);
  --bh-interactive-outlined-pressed: rgb(88 123 140 / 0.1);
  --bh-interactive-radiobutton-default: #245DED;
  --bh-interactive-radiobutton-hover: #245DED;
  --bh-interactive-secondary-default: #F9FBFC;
  --bh-interactive-secondary-disabled: rgb(88 123 140 / 0.1);
  --bh-interactive-secondary-hover: #F2F4F5;
  --bh-interactive-secondary-pressed: #EBEEF0;
  --bh-interactive-soft-default: rgb(88 123 140 / 0.1);
  --bh-interactive-soft-disabled: rgb(88 123 140 / 0.1);
  --bh-interactive-soft-hover: rgb(88 123 140 / 0.13);
  --bh-interactive-soft-pressed: rgb(55 83 122 / 0.13);
  --bh-interactive-switch-active: #0BAE45;
  --bh-interactive-switch-active-disabled: #BCFAD2;
  --bh-interactive-switch-active-hover: #039536;
  --bh-interactive-switch-default: #D8E0E8;
  --bh-interactive-switch-disabled: rgb(88 123 140 / 0.1);
  --bh-interactive-switch-handle: #FFFFFF;
  --bh-interactive-switch-handle-disabled: #F9FBFC;
  --bh-interactive-switch-hover: #C3D0DE;
  --bh-interactive-table-header: rgb(88 123 140 / 0.07);
  --background: var(--bh-bg-default);
  --foreground: var(--bh-content-default);
  --card: var(--bh-bg-raised);
  --card-foreground: var(--bh-content-default);
  --popover: var(--bh-bg-raised);
  --popover-foreground: var(--bh-content-default);
  --primary: var(--bh-interactive-brand-default);
  --primary-hover: var(--bh-interactive-brand-hover);
  --primary-pressed: var(--bh-interactive-brand-pressed);
  --primary-foreground: var(--bh-content-on-brand);
  --secondary: var(--bh-interactive-secondary-default);
  --secondary-hover: var(--bh-interactive-secondary-hover);
  --secondary-pressed: var(--bh-interactive-secondary-pressed);
  --secondary-foreground: var(--bh-content-default);
  --muted: var(--bh-bg-muted);
  --muted-foreground: var(--bh-content-muted);
  --accent: var(--bh-interactive-ghost-hover);
  --accent-hover: var(--bh-interactive-ghost-pressed);
  --accent-foreground: var(--bh-content-default);
  --success: var(--bh-bg-success-default);
  --success-hover: var(--bh-bg-success-bold);
  --success-pressed: var(--bh-bg-success-strong);
  --success-foreground: var(--bh-content-on-color);
  --warning: var(--bh-bg-warning-default);
  --warning-hover: var(--bh-bg-warning-bold);
  --warning-pressed: var(--bh-bg-warning-strong);
  --warning-foreground: var(--bh-content-on-light);
  --warning-soft: var(--bh-bg-warning-subtle);
  --warning-soft-hover: var(--bh-bg-warning-soft);
  --warning-soft-foreground: var(--bh-content-warning-default);
  --destructive: var(--bh-interactive-danger-default);
  --destructive-hover: var(--bh-interactive-danger-hover);
  --destructive-pressed: var(--bh-interactive-danger-pressed);
  --destructive-foreground: var(--bh-content-on-color);
  --destructive-soft: var(--bh-interactive-danger-soft-default);
  --destructive-soft-hover: var(--bh-interactive-danger-soft-hover);
  --destructive-soft-pressed: var(--bh-interactive-danger-soft-pressed);
  --destructive-soft-foreground: var(--bh-content-danger-default);
  --outline: var(--bh-interactive-outlined-default);
  --outline-hover: var(--bh-interactive-outlined-hover);
  --outline-pressed: var(--bh-interactive-outlined-pressed);
  --soft: var(--bh-interactive-soft-default);
  --soft-hover: var(--bh-interactive-soft-hover);
  --soft-pressed: var(--bh-interactive-soft-pressed);
  --ghost: var(--bh-interactive-ghost-default);
  --ghost-hover: var(--bh-interactive-ghost-hover);
  --ghost-pressed: var(--bh-interactive-ghost-pressed);
  --border: var(--bh-border-default);
  --input: var(--bh-border-input);
  --ring: var(--bh-border-focus);
  --danger-ring: var(--bh-border-focus-danger);
  --shadow-component-default: 0px 1px 2px 0px rgb(15 17 20 / 0.05), inset 0px -1px 0px 0px rgb(0 0 0 / 0.08);
  --shadow-button-raised: inset 0px 1px 0px 0px rgb(255 255 255 / 0), inset 0px -1px 0px 0px rgb(0 0 0 / 0.08), 0px 1px 2px 0px rgb(15 17 20 / 0.05);
  --shadow-button-surface: inset 0px -1px 0px 0px rgb(0 0 0 / 0.08), 0px 1px 2px 0px rgb(15 17 20 / 0.05);
  --shadow-button-secondary: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-button-secondary-border, var(--bh-border-default)), var(--shadow-button-surface);
  --shadow-button-soft: inset 0px 1px 0px 0px rgb(255 255 255 / 0);
  --shadow-button-focus: 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 20%, transparent);
  --shadow-button-secondary-focus: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-button-secondary-focus-border, var(--bh-border-brand-strong)), var(--shadow-button-surface), var(--shadow-button-focus);
  --shadow-button-danger-focus: 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus-danger) 20%, transparent);
  --shadow-button: var(--shadow-button-raised);
  --shadow-button-hover: var(--shadow-button-raised);
  --shadow-button-active: var(--shadow-button-raised);
  --shadow-avatar-badge: none;
  --shadow-accordion-item: none;
  --shadow-badge: none;
  --shadow-social-button: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-social-button-border, transparent), var(--shadow-component-default);
  --shadow-social-button-focus-ring: 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
  --shadow-social-button-focus: var(--shadow-social-button), var(--shadow-social-button-focus-ring);
  --shadow-button-group: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-button-group-border), var(--shadow-component-default);
  --shadow-button-group-focus-ring: 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 20%, transparent);
  --shadow-button-group-focus: var(--shadow-button-group), var(--shadow-button-group-focus-ring);
  --shadow-radio-card-surface: var(--shadow-component-default);
  --shadow-radio-card: inset 0px 0px 0px var(--bh-radio-card-border-width, var(--bh-border-width-default)) var(--bh-radio-card-border, var(--bh-border-default)), var(--shadow-radio-card-surface);
  --shadow-radio-card-disabled: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-border-disabled);
  --shadow-radio-control: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-radio-control-border, var(--bh-border-input)), var(--shadow-component-default);
  --shadow-checkbox-control: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-checkbox-control-border, var(--bh-border-input)), var(--shadow-component-default);
  --shadow-checkbox: var(--shadow-checkbox-control);
  --shadow-checkbox-focus: var(--shadow-checkbox), var(--shadow-button-focus);
  --shadow-checkbox-card: inset 0px 0px 0px var(--bh-checkbox-card-border-width, var(--bh-border-width-default)) var(--bh-checkbox-card-border, var(--bh-border-subtle)), var(--shadow-component-default);
  --shadow-checkbox-card-focus: var(--shadow-checkbox-card), var(--shadow-button-focus);
  --shadow-input: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-input-border, var(--bh-border-input)), var(--shadow-component-default);
  --shadow-input-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-border-focus), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
  --shadow-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-menu-border), var(--shadow-component-default);
  --shadow-select-trigger: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-current, var(--bh-select-trigger-border)), var(--shadow-component-default);
  --shadow-select-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-focus, var(--bh-border-focus)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
  --shadow-select-danger-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-error, var(--bh-border-danger-strong)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus-danger) 30%, transparent);
  --shadow-select-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-component-default);
  --shadow-select-checkbox: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-checkbox-border, var(--bh-border-input)), var(--shadow-component-default);
  --shadow-slider-thumb: 0px 1.75px 4px -1px rgb(15 17 20 / 0.1);
  --shadow-slider-thumb-focus: var(--shadow-slider-thumb), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
  --shadow-slider-tooltip: 0px 10px 16px -3px rgb(15 17 20 / 0.06), 0px 4px 6px -2px rgb(15 17 20 / 0.04);
  --shadow-progress-slider-thumb-focus: 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
  --shadow-textarea: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-textarea-border, var(--bh-border-input)), var(--shadow-component-default);
  --bh-opacity-0: 0;
  --bh-opacity-10: 0.1;
  --bh-opacity-100: 1;
  --bh-opacity-15: 0.15;
  --bh-opacity-20: 0.2;
  --bh-opacity-25: 0.25;
  --bh-opacity-30: 0.3;
  --bh-opacity-35: 0.35;
  --bh-opacity-40: 0.4;
  --bh-opacity-45: 0.45;
  --bh-opacity-5: 0.05;
  --bh-opacity-50: 0.5;
  --bh-opacity-55: 0.55;
  --bh-opacity-60: 0.6;
  --bh-opacity-65: 0.65;
  --bh-opacity-70: 0.7;
  --bh-opacity-75: 0.75;
  --bh-opacity-80: 0.8;
  --bh-opacity-85: 0.85;
  --bh-opacity-90: 0.9;
  --bh-opacity-95: 0.95;
  --bh-space-10xl-80: 80px;
  --bh-space-11xl-96: 96px;
  --bh-space-12xl-128: 128px;
  --bh-space-13xl-160: 160px;
  --bh-space-14xl-192: 192px;
  --bh-space-15xl-224: 224px;
  --bh-space-16xl-256: 256px;
  --bh-space-17xl-288: 288px;
  --bh-space-18xl-320: 320px;
  --bh-space-19xl-384: 384px;
  --bh-space-2xl-14: 14px;
  --bh-space-3xl-16: 16px;
  --bh-space-4xl-20: 20px;
  --bh-space-5xl-24: 24px;
  --bh-space-6xl-32: 32px;
  --bh-space-7xl-40: 40px;
  --bh-space-8xl-48: 48px;
  --bh-space-9xl-64: 64px;
  --bh-space-lg-10: 10px;
  --bh-space-md-8: 8px;
  --bh-space-none: 0px;
  --bh-space-sm-6: 6px;
  --bh-space-xl-12: 12px;
  --bh-space-xs-4: 4px;
  --bh-space-xxs-2: 2px;
  --bh-space-xxxs-1: 1px;
  --spacing: var(--bh-space-xs-4);
  --bh-control-default: 8px;
  --bh-control-lg: 10px;
  --bh-control-md: 6px;
  --bh-control-sm: 4px;
  --bh-radius-2xl-12: 12px;
  --bh-radius-3xl-16: 16px;
  --bh-radius-4xl-20: 20px;
  --bh-radius-5xl-24: 24px;
  --bh-radius-6xl-28: 28px;
  --bh-radius-full: 9999px;
  --bh-radius-lg-8: 8px;
  --bh-radius-md-6: 6px;
  --bh-radius-none: 0px;
  --bh-radius-sm-4: 4px;
  --bh-radius-xl-10: 10px;
  --bh-radius-xs-2: 2px;
  --radius: var(--bh-control-default);
  --radius-sm: var(--bh-radius-sm-4);
  --radius-md: var(--bh-radius-md-6);
  --radius-lg: var(--bh-radius-lg-8);
  --radius-xl: var(--bh-radius-xl-10);
  --bh-social-button-height: calc(var(--bh-space-6xl-32) + var(--bh-space-xs-4));
  --bh-social-button-radius: var(--bh-control-default);
  --bh-social-button-gap: var(--bh-space-md-8);
  --bh-social-button-padding-x: var(--bh-space-xl-12);
  --bh-social-button-padding-y: var(--bh-space-sm-6);
  --bh-social-button-icon-size: 18px;
  --bh-button-xs-height: var(--bh-space-6xl-32);
  --bh-button-sm-height: calc(var(--bh-space-6xl-32) + var(--bh-space-xs-4));
  --bh-button-md-height: var(--bh-space-7xl-40);
  --bh-button-lg-height: var(--bh-space-8xl-48);
  --bh-button-xl-height: calc(var(--bh-space-8xl-48) + var(--bh-space-xs-4));
  --bh-button-gap-xs: var(--bh-space-xxs-2);
  --bh-button-gap: var(--bh-space-xs-4);
  --bh-button-xs-padding-x: var(--bh-space-sm-6);
  --bh-button-sm-padding-x: var(--bh-space-md-8);
  --bh-button-md-padding-x: var(--bh-space-lg-10);
  --bh-button-lg-padding-x: var(--bh-space-xl-12);
  --bh-button-sm-padding-y: var(--bh-space-md-8);
  --bh-button-lg-padding-y: var(--bh-space-xl-12);
  --bh-button-xl-padding-y: var(--bh-space-2xl-14);
  --bh-button-icon-size: var(--bh-space-4xl-20);
  --bh-button-icon-offset: calc(var(--bh-space-xxs-2) * -1);
  --bh-button-label-padding-x: var(--bh-space-xs-4);
  --bh-badge-focus-ring-width: calc(var(--bh-space-xxs-2) + var(--bh-space-xxxs-1));
  --bh-badge-outline-border-width: calc(var(--bh-border-width-default) + (var(--bh-border-width-default) / 2));
  --bh-tag-focus-ring-inset: calc(var(--bh-space-xxxs-1) * -1);
  --bh-tag-focus-ring-width: calc(var(--bh-space-xxs-2) + var(--bh-space-xxxs-1));
  --bh-tag-active-border-width: calc(var(--bh-border-width-default) + (var(--bh-border-width-default) / 2));
  --bh-alert-compact-width: 470px;
  --bh-alert-compact-height: calc(var(--bh-space-8xl-48) + var(--bh-space-md-8));
  --bh-alert-compact-radius: var(--bh-radius-lg-8);
  --bh-alert-compact-padding: var(--bh-space-3xl-16);
  --bh-alert-expanded-width: 500px;
  --bh-alert-expanded-height: calc(var(--bh-space-12xl-128) + var(--bh-space-3xl-16));
  --bh-alert-expanded-rtl-height: calc(var(--bh-space-11xl-96) + var(--bh-space-5xl-24));
  --bh-alert-expanded-radius: var(--bh-radius-xl-10);
  --bh-alert-expanded-padding-x: var(--bh-space-3xl-16);
  --bh-alert-expanded-padding-y: var(--bh-space-4xl-20);
  --bh-alert-icon-size: var(--bh-space-4xl-20);
  --bh-card-vertical-width: 420px;
  --bh-card-horizontal-width: 1020px;
  --bh-card-horizontal-min-height: var(--bh-space-18xl-320);
  --bh-card-horizontal-media-width: 480px;
  --bh-card-desktop-content-padding: var(--bh-space-5xl-24);
  --bh-card-desktop-horizontal-padding: var(--bh-space-6xl-32);
  --bh-card-desktop-media-height: 280px;
  --bh-card-desktop-full-height: 341px;
  --bh-card-mobile-content-padding: var(--bh-space-4xl-20);
  --bh-card-mobile-horizontal-padding: var(--bh-space-4xl-20);
  --bh-card-mobile-media-height: 240px;
  --bh-card-mobile-full-height: 300px;
  --bh-card-actions-max-width: calc(var(--bh-space-18xl-320) + var(--bh-space-7xl-40));
  --bh-card-more-size: var(--bh-space-6xl-32);
  --bh-card-more-icon-size: var(--bh-space-5xl-24);
  --shadow-date-surface: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-date-surface-border), 0px 4px 6px -2px rgb(15 17 20 / 0.04), 0px 10px 16px -3px rgb(15 17 20 / 0.06);
  --shadow-date-time-input: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-border-input);
  --shadow-date-month-year-list: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-border-subtle);
  --bh-date-range-surface-max-width: calc(100vw - var(--bh-space-6xl-32));
  --bh-date-surface-width-calendar: 240px;
  --bh-date-surface-width-picker: var(--bh-space-16xl-256);
  --bh-date-trigger-width: 260px;
  --bh-date-trigger-height: var(--bh-button-md-height);
  --bh-date-picker-width: var(--bh-date-trigger-width);
  --bh-date-nav-button-size: var(--bh-button-xs-height);
  --bh-date-nav-icon-size: var(--bh-button-icon-size);
  --bh-date-title-height: var(--bh-button-xs-height);
  --bh-date-title-chevron-size: var(--bh-space-3xl-16);
  --bh-date-day-cell-height: var(--bh-space-6xl-32);
  --bh-date-event-dot-size: var(--bh-space-xs-4);
  --bh-date-event-dot-offset-bottom: var(--bh-space-xxs-2);
  --bh-date-list-item-height: var(--bh-button-sm-height);
  --bh-date-month-year-spacer-height: 252px;
  --bh-date-presets-width: 144px;
  --bh-date-range-month-width: var(--bh-space-15xl-224);
  --bh-date-trigger-icon-size: var(--bh-button-icon-size);
  --bh-date-time-input-min-height: var(--bh-space-6xl-32);
  --bh-date-month-year-list-top: calc(var(--bh-space-8xl-48) + var(--bh-space-xs-4));
  --bh-date-month-year-list-width: var(--bh-date-range-month-width);
  --bh-date-month-year-item-height: var(--bh-space-6xl-32);
  --bh-tooltip-max-width: calc(100vw - var(--bh-space-6xl-32));
  --bh-tooltip-lg-width: var(--bh-space-18xl-320);
  --bh-tooltip-sm-radius: var(--bh-radius-md-6);
  --bh-tooltip-lg-radius: var(--bh-radius-lg-8);
  --bh-tooltip-sm-padding-x: var(--bh-space-md-8);
  --bh-tooltip-sm-padding-y: var(--bh-space-sm-6);
  --bh-tooltip-lg-padding: var(--bh-space-xl-12);
  --bh-tooltip-shortcut-height: var(--bh-space-3xl-16);
  --bh-tooltip-shortcut-min-width: var(--bh-space-3xl-16);
  --bh-tooltip-close-size: var(--bh-space-3xl-16);
  --bh-tooltip-close-icon-size: var(--bh-space-xl-12);
  --bh-tooltip-pointer-depth: calc(var(--bh-space-md-8) - var(--bh-space-xxxs-1));
  --bh-tooltip-pointer-width: var(--bh-space-xl-12);
  --bh-tooltip-pointer-half-width: var(--bh-space-sm-6);
  --bh-tooltip-pointer-offset: calc(var(--bh-tooltip-pointer-depth) * -1);
  --bh-tooltip-pointer-border-depth: var(--bh-space-md-8);
  --bh-tooltip-pointer-border-half-width: calc(var(--bh-space-sm-6) + var(--bh-space-xxxs-1));
  --bh-tooltip-pointer-border-offset: calc(var(--bh-space-xxxs-1) * -1);
  --bh-tooltip-pointer-inline-offset: var(--bh-space-xl-12);
  --bh-button-group-radius: var(--bh-control-default);
  --bh-button-group-bg: var(--bh-bg-subtle);
  --bh-button-group-item-bg: var(--bh-interactive-ghost-default);
  --bh-button-group-item-hover-bg: var(--bh-interactive-ghost-hover);
  --bh-button-group-item-pressed-bg: var(--bh-interactive-ghost-pressed);
  --bh-button-group-item-active-bg: var(--bh-interactive-ghost-active);
  --bh-button-group-item-disabled-bg: var(--bh-interactive-ghost-disabled);
  --bh-button-group-item-hover: var(--bh-button-group-item-hover-bg);
  --bh-button-group-border: var(--bh-border-default);
  --bh-button-group-divider: var(--bh-border-subtle);
  --bh-button-group-content: var(--bh-button-group-content-default);
  --bh-button-group-content-default: var(--bh-content-subtle);
  --bh-button-group-content-active: var(--bh-content-default);
  --bh-button-group-content-disabled: var(--bh-content-disabled);
  --bh-button-group-icon-size: var(--bh-space-4xl-20);
  --bh-button-group-md-height: var(--bh-space-7xl-40);
  --bh-button-group-md-item-width: var(--bh-space-12xl-128);
  --bh-button-group-md-item-rtl-width: 124px;
  --bh-button-group-md-gap: var(--bh-space-xs-4);
  --bh-button-group-md-padding-x: var(--bh-space-2xl-14);
  --bh-button-group-md-icon-padding-x: var(--bh-space-lg-10);
  --bh-button-group-sm-height: var(--bh-button-sm-height);
  --bh-button-group-sm-item-width: 120px;
  --bh-button-group-sm-item-rtl-width: 116px;
  --bh-button-group-sm-gap: var(--bh-space-xs-4);
  --bh-button-group-sm-padding-x: var(--bh-space-lg-10);
  --bh-button-group-sm-icon-padding-x: var(--bh-space-md-8);
  --bh-button-group-xs-height: var(--bh-button-xs-height);
  --bh-button-group-xs-item-width: 112px;
  --bh-button-group-xs-item-rtl-width: 108px;
  --bh-button-group-xs-gap: var(--bh-space-xxs-2);
  --bh-button-group-xs-padding-x: var(--bh-space-md-8);
  --bh-button-group-xs-icon-padding-x: var(--bh-space-sm-6);
  --bh-select-width: var(--bh-space-18xl-320);
  --bh-select-field-gap: var(--bh-space-sm-6);
  --bh-select-label-gap: var(--bh-space-xs-4);
  --bh-select-trigger-radius: var(--bh-radius-lg-8);
  --bh-select-trigger-bg: var(--bh-interactive-input-default);
  --bh-select-trigger-bg-soft: var(--bh-interactive-input-soft);
  --bh-select-trigger-bg-disabled: var(--bh-interactive-input-disabled);
  --bh-select-trigger-border: var(--bh-border-input);
  --bh-select-trigger-border-focus: var(--bh-border-focus);
  --bh-select-trigger-border-error: var(--bh-border-danger-strong);
  --bh-select-trigger-border-disabled: var(--bh-border-disabled);
  --bh-select-trigger-gap: var(--bh-space-sm-6);
  --bh-select-trigger-padding-x: var(--bh-space-md-8);
  --bh-select-trigger-padding-y-lg: var(--bh-space-sm-6);
  --bh-select-trigger-padding-y-md: var(--bh-space-xs-4);
  --bh-select-trigger-icon-color: var(--bh-content-muted);
  --bh-select-content-gap: var(--bh-space-xxs-2);
  --bh-select-value-padding-inline: var(--bh-space-xs-4);
  --bh-select-icon-slot-size: var(--bh-space-4xl-20);
  --bh-select-icon-size: var(--bh-space-3xl-16);
  --bh-select-menu-width: var(--bh-select-width);
  --bh-select-menu-offset: var(--bh-space-xs-4);
  --bh-select-menu-radius: var(--bh-radius-xl-10);
  --bh-select-menu-bg: var(--bh-bg-raised);
  --bh-select-menu-border: var(--bh-border-subtle);
  --bh-select-menu-padding-y: var(--bh-space-sm-6);
  --bh-select-menu-list-gap: var(--bh-space-xxs-2);
  --bh-select-item-min-height: var(--bh-space-6xl-32);
  --bh-select-item-padding-x: var(--bh-space-sm-6);
  --bh-select-item-content-padding: var(--bh-space-sm-6);
  --bh-select-item-gap: var(--bh-space-xs-4);
  --bh-select-item-radius: var(--bh-radius-md-6);
  --bh-select-item-hover-bg: var(--bh-interactive-ghost-hover);
  --bh-select-item-value-padding-x: var(--bh-space-xs-4);
  --bh-select-item-selected-padding-end: var(--bh-space-6xl-32);
  --bh-select-item-check-offset: var(--bh-space-3xl-16);
  --bh-select-media-inset: var(--bh-space-xxs-2);
  --bh-select-check-color: var(--bh-interactive-indicator-default);
  --bh-select-checkbox-size: var(--bh-space-3xl-16);
  --bh-select-checkbox-icon-size: var(--bh-space-xl-12);
  --bh-select-checkbox-radius: var(--bh-radius-sm-4);
  --bh-select-status-dot-size: var(--bh-space-md-8);
  --bh-select-avatar-font-size: var(--bh-space-lg-10);
  --bh-select-company-icon-size: 18px;
  --bh-select-payment-width: 28.333px;
  --bh-select-payment-height: var(--bh-space-4xl-20);
  --bh-select-payment-radius: var(--bh-radius-sm-4);
  --bh-select-payment-mark-offset: 7px;
  --bh-select-payment-mark-size: 9px;
  --bh-pagination-numeric-width: 560px;
  --bh-pagination-simple-width: 458px;
  --bh-pagination-caption-width: 254px;
  --bh-pagination-item-size: var(--bh-space-6xl-32);
  --bh-pagination-icon-size: var(--bh-space-4xl-20);
  --bh-pagination-radius: var(--bh-control-default);
  --bh-pagination-root-gap: var(--bh-space-3xl-16);
  --bh-pagination-control-gap: var(--bh-space-lg-10);
  --bh-pagination-action-gap: var(--bh-space-md-8);
  --bh-pagination-page-gap: var(--bh-space-xs-4);
  --bh-pagination-control-text-gap: var(--bh-space-xs-4);
  --bh-pagination-control-text-rtl-gap: var(--bh-space-xxs-2);
  --bh-pagination-control-text-padding-x: var(--bh-space-md-8);
  --bh-pagination-control-text-rtl-padding-x: var(--bh-space-sm-6);
  --bh-pagination-control-label-padding-x: var(--bh-space-xxs-2);
  --bh-pagination-control-label-rtl-padding-x: var(--bh-space-xs-4);
  --bh-pagination-control-content: var(--bh-content-default);
  --bh-pagination-control-soft-bg: var(--bh-interactive-soft-default);
  --bh-pagination-control-soft-hover: var(--bh-interactive-soft-hover);
  --bh-pagination-control-soft-pressed: var(--bh-interactive-soft-pressed);
  --bh-pagination-control-ghost-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-control-ghost-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-control-ghost-pressed: var(--bh-interactive-ghost-pressed);
  --bh-pagination-page-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-page-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-page-pressed: var(--bh-interactive-ghost-pressed);
  --bh-pagination-page-content: var(--bh-content-subtle);
  --bh-pagination-active-bg: var(--bh-interactive-brand-default);
  --bh-pagination-active-border: var(--bh-border-subtle);
  --bh-pagination-active-content: var(--bh-content-on-brand);
  --bh-pagination-caption-content: var(--bh-content-subtle);
  --bh-pagination-font-size: var(--bh-text-body-md-medium-font-size);
  --bh-pagination-line-height: var(--bh-text-body-md-medium-line-height);
  --bh-pagination-letter-spacing: var(--bh-text-body-md-medium-letter-spacing);
  --bh-pagination-label-font-weight: var(--bh-text-body-md-medium-font-weight);
  --bh-pagination-caption-font-weight: var(--bh-text-body-md-regular-font-weight);
  --shadow-pagination-control: var(--shadow-button-soft);
  --shadow-pagination-active: var(--shadow-button-raised);
  --shadow-pagination-focus: var(--shadow-button-focus);
  --bh-checkbox-root-size: var(--bh-space-4xl-20);
  --bh-checkbox-control-size: var(--bh-space-3xl-16);
  --bh-checkbox-icon-size: var(--bh-space-xl-12);
  --bh-checkbox-control-radius: var(--bh-radius-sm-4);
  --bh-checkbox-card-width: 338px;
  --bh-checkbox-card-radius: var(--bh-radius-xl-10);
  --bh-checkbox-card-padding: var(--bh-space-3xl-16);
  --bh-checkbox-card-gap: var(--bh-space-3xl-16);
  --bh-checkbox-card-label-gap: var(--bh-space-xl-12);
  --bh-checkbox-card-content-gap: var(--bh-space-xl-12);
  --bh-checkbox-card-text-gap: var(--bh-space-xxs-2);
  --bh-menu-width: 228px;
  --bh-menu-item-default-width: 355px;
  --bh-menu-item-multiline-width: 402px;
  --bh-menu-item-action-width: 240px;
  --bh-menu-bg: var(--bh-bg-raised);
  --bh-menu-border: var(--bh-border-subtle);
  --bh-menu-radius: var(--bh-radius-xl-10);
  --bh-menu-gap: var(--bh-space-xs-4);
  --bh-menu-padding-y: var(--bh-space-sm-6);
  --bh-menu-item-bg: var(--bh-interactive-ghost-default);
  --bh-menu-item-hover-bg: var(--bh-interactive-ghost-hover);
  --bh-menu-item-radius: var(--bh-radius-md-6);
  --bh-menu-item-padding-x: var(--bh-space-sm-6);
  --bh-menu-item-gap: var(--bh-space-xs-4);
  --bh-menu-item-slot-gap: var(--bh-space-md-8);
  --bh-menu-item-content-padding: var(--bh-space-sm-6);
  --bh-menu-item-content-compact-padding-y: var(--bh-space-xs-4);
  --bh-menu-item-default-height: var(--bh-button-sm-height);
  --bh-menu-item-multiline-height: var(--bh-space-8xl-48);
  --bh-menu-item-action-height: var(--bh-space-8xl-48);
  --bh-menu-item-progress-height: 44px;
  --bh-menu-item-button-height: var(--bh-space-7xl-40);
  --bh-menu-item-label-height: var(--bh-radius-6xl-28);
  --bh-menu-item-caption-height: var(--bh-radius-6xl-28);
  --bh-menu-item-divider-height: var(--bh-space-xs-4);
  --bh-menu-label-padding-x: var(--bh-space-3xl-16);
  --bh-menu-divider-padding-y: var(--bh-space-xxs-2);
  --bh-menu-leading-icon-size: var(--bh-space-4xl-20);
  --bh-menu-trailing-icon-size: var(--bh-space-3xl-16);
  --bh-menu-icon-padding: var(--bh-space-xxs-2);
  --bh-menu-badge-height: var(--bh-space-5xl-24);
  --bh-menu-badge-padding-x: var(--bh-space-md-8);
  --bh-menu-switch-width: var(--bh-space-6xl-32);
  --bh-menu-switch-height: var(--bh-space-4xl-20);
  --bh-menu-switch-padding: calc(var(--bh-space-xxs-2) + var(--bh-space-xxxs-1));
  --bh-menu-switch-handle-size: var(--bh-space-2xl-14);
  --bh-menu-action-height: var(--bh-space-6xl-32);
  --bh-menu-action-gap: var(--bh-space-xxs-2);
  --bh-menu-action-padding-x: var(--bh-space-sm-6);
  --bh-menu-progress-height: var(--bh-space-md-8);
  --bh-menu-progress-gap: var(--bh-space-md-8);
  --bh-input-width: var(--bh-space-18xl-320);
  --bh-input-md-height: var(--bh-space-6xl-32);
  --bh-input-lg-height: var(--bh-button-sm-height);
  --bh-input-radius: var(--bh-control-default);
  --bh-input-md-padding-x: var(--bh-space-md-8);
  --bh-input-lg-padding-x: var(--bh-space-lg-10);
  --bh-input-label-gap: var(--bh-space-sm-6);
  --bh-input-helper-gap: var(--bh-space-sm-6);
  --bh-input-inline-tags-gap: var(--bh-space-sm-6);
  --bh-input-content-gap: var(--bh-space-sm-6);
  --bh-input-inline-gap: var(--bh-space-xs-4);
  --bh-input-icon-size: var(--bh-space-3xl-16);
  --bh-input-leading-symbol-font-size: 15px;
  --bh-input-info-icon-size: 13.333px;
  --bh-input-chevron-size: var(--bh-space-3xl-16);
  --bh-input-stepper-icon-size: var(--bh-space-3xl-16);
  --bh-input-tag-height: var(--bh-space-5xl-24);
  --bh-input-tag-padding-x: var(--bh-space-sm-6);
  --bh-input-shortcut-height: var(--bh-space-5xl-24);
  --bh-input-shortcut-padding-x: var(--bh-space-xs-4);
  --bh-input-segment-padding-x: var(--bh-space-lg-10);
  --bh-input-segment-gap: var(--bh-space-xs-4);
  --bh-slider-width: var(--bh-space-18xl-320);
  --bh-slider-vertical-height: var(--bh-space-13xl-160);
  --bh-slider-track-size-sm: var(--bh-space-sm-6);
  --bh-slider-track-size-md: var(--bh-space-md-8);
  --bh-slider-track-size-lg: var(--bh-space-lg-10);
  --bh-slider-track-radius: var(--bh-radius-full);
  --bh-slider-thumb-size-sm: var(--bh-space-4xl-20);
  --bh-slider-thumb-size-md: var(--bh-space-5xl-24);
  --bh-slider-thumb-size-lg: var(--bh-radius-6xl-28);
  --bh-slider-thumb-ring-width-sm: var(--bh-space-sm-6);
  --bh-slider-thumb-ring-width-md: var(--bh-space-md-8);
  --bh-slider-thumb-ring-width-lg: 9px;
  --bh-slider-thumb-radius: var(--bh-radius-full);
  --bh-slider-indicator-gap: var(--bh-space-md-8);
  --bh-slider-pill-height: 72px;
  --bh-slider-pill-thumb-width: 126px;
  --bh-slider-pill-radius: var(--bh-radius-5xl-24);
  --bh-slider-pill-thumb-border-width: calc(var(--bh-border-width-strong) + var(--bh-border-width-default));
  --bh-slider-thumb-grip-width: calc(var(--bh-border-width-strong) + var(--bh-border-width-default));
  --bh-slider-tick-size: var(--bh-space-sm-6);
  --bh-slider-tick-gap: var(--bh-space-xl-12);
  --bh-progress-slider-width-md: calc(var(--bh-space-18xl-320) + var(--bh-space-7xl-40));
  --bh-progress-slider-width-lg: 472px;
  --bh-progress-slider-height-md: 56px;
  --bh-progress-slider-height-lg: 72px;
  --bh-progress-slider-handle-width-md: var(--bh-button-sm-height);
  --bh-progress-slider-handle-width-lg: 44px;
  --bh-progress-slider-border-width-md: var(--bh-border-width-strong);
  --bh-progress-slider-border-width-lg: calc(var(--bh-border-width-strong) + var(--bh-border-width-default));
  --bh-progress-slider-grip-width: calc(var(--bh-border-width-strong) + var(--bh-border-width-default));
  --bh-progress-slider-grip-height-md: var(--bh-space-5xl-24);
  --bh-progress-slider-grip-height-lg: var(--bh-space-6xl-32);
  --bh-progress-slider-radius: var(--bh-radius-5xl-24);
  --bh-progress-slider-tick-size: var(--bh-space-sm-6);
  --bh-progress-slider-tick-gap: var(--bh-space-xl-12);
  --bh-progress-slider-tick-padding: var(--bh-space-6xl-32);
  --bh-textarea-width: var(--bh-space-18xl-320);
  --bh-textarea-min-height: var(--bh-space-10xl-80);
  --bh-textarea-padding: var(--bh-space-lg-10);
  --bh-textarea-gap: var(--bh-space-md-8);
  --bh-textarea-inline-gap: var(--bh-space-xs-4);
  --bh-textarea-radius: var(--bh-radius-lg-8);
  --bh-textarea-icon-size: var(--bh-space-3xl-16);
  --bh-textarea-focus-ring-inset: calc(var(--bh-space-xxxs-1) * -1);
  --bh-textarea-focus-ring-width: var(--bh-space-xs-4);
  --bh-textarea-tag-height: var(--bh-space-5xl-24);
  --bh-textarea-tag-avatar-size: var(--bh-space-3xl-16);
  --bh-textarea-tag-avatar-font-size: 9px;
  --bh-textarea-helper-icon-size: 13.333px;
  --bh-textarea-close-button-size: var(--bh-space-xl-12);
  --bh-textarea-close-icon-size: 6.364px;
  --bh-activity-feed-compact-width: 600px;
  --bh-activity-feed-completed-brightness: 0.99;
  --bh-attribute-header-icon-size: var(--bh-space-6xl-32);
  --bh-attribute-header-icon-size-lg: var(--bh-space-8xl-48);
  --bh-attribute-label-width: 220px;
  --bh-border-width-default: var(--bh-space-xxxs-1);
  --bh-border-width-strong: var(--bh-space-xxs-2);
  --bh-button-group-label-padding-x: var(--bh-space-xxs-2);
  --bh-card-media-overlay: color-mix(in srgb, var(--bh-bg-always-dark) 80%, transparent);
  --bh-catalog-file-grid-max: 500px;
  --bh-catalog-file-grid-min: var(--bh-space-18xl-320);
  --bh-catalog-file-preview-max: 343px;
  --bh-catalog-file-preview-min: 260px;
  --bh-catalog-showcase-breakpoint-lg: 1100px;
  --bh-catalog-showcase-breakpoint-sm: 640px;
  --bh-checkbox-card-border-width: var(--bh-border-width-default);
  --bh-checkbox-card-border-width-active: var(--bh-border-width-strong);
  --bh-checkbox-card-media-icon-size: var(--bh-space-5xl-24);
  --bh-checkbox-indeterminate-height: var(--bh-space-xxs-2);
  --bh-checkbox-indeterminate-width: var(--bh-space-md-8);
  --bh-duration-accordion: 180ms;
  --bh-duration-default: 200ms;
  --bh-duration-fast: 160ms;
  --bh-easing-standard: ease;
  --bh-expanded-breakpoint-lg: 980px;
  --bh-expanded-breakpoint-md: 820px;
  --bh-expanded-breakpoint-sm: 620px;
  --bh-expanded-breakpoint-xs: 560px;
  --bh-file-upload-content-max-width: 343px;
  --bh-file-upload-root-max-width: 500px;
  --bh-focus-ring-offset: var(--bh-space-xxs-2);
  --bh-focus-ring-width: var(--bh-space-xxs-2);
  --bh-icon-explorer-canvas-max-width: 1280px;
  --bh-icon-explorer-detail-max-width: 760px;
  --bh-icon-explorer-detail-preview-size: 86px;
  --bh-icon-explorer-drawer-column: 170px;
  --bh-icon-explorer-family-card-min: 220px;
  --bh-icon-explorer-grid-card-min: 118px;
  --bh-icon-explorer-grid-card-min-height: 112px;
  --bh-icon-explorer-grid-column-min: 64px;
  --bh-icon-explorer-group-column: 180px;
  --bh-icon-explorer-list-column: 28px;
  --bh-icon-explorer-mobile-card-min: 210px;
  --bh-icon-explorer-nav-column: 300px;
  --bh-icon-explorer-preview-column: 280px;
  --bh-icon-explorer-request-max-width: 360px;
  --bh-icon-explorer-row-icon-column: 26px;
  --bh-icon-explorer-selected-min-height: 176px;
  --bh-icon-explorer-style-card-min-height: 74px;
  --bh-icon-explorer-swatch-width: 150px;
  --bh-opacity-completed: var(--bh-opacity-55);
  --bh-opacity-disabled-media: var(--bh-opacity-60);
  --bh-opacity-muted: var(--bh-opacity-55);
  --bh-opacity-subtle: var(--bh-opacity-70);
  --bh-opacity-tag-muted: var(--bh-opacity-70);
  --bh-radio-card-border-width: var(--bh-border-width-default);
  --bh-radio-card-border-width-active: var(--bh-border-width-strong);
  --bh-radio-card-company-mark-color: #7F57F1;
  --bh-radio-card-payment-height: var(--bh-space-6xl-32);
  --bh-radio-card-payment-logo-color: #172B85;
  --bh-radio-card-payment-logo-height: 11px;
  --bh-radio-card-payment-logo-width: 33px;
  --bh-radio-card-payment-width: 46px;
  --bh-radio-card-width: 338px;
  --bh-radio-group-message-max-width: 42rem;
  --bh-social-apple-bg: var(--bh-bg-always-dark);
  --bh-social-apple-border: var(--bh-border-subtle);
  --bh-social-apple-fg: var(--bh-content-on-color);
  --bh-social-apple-hover: color-mix(in srgb, var(--bh-bg-always-dark) 88%, var(--bh-bg-always-white));
  --bh-social-apple-icon: var(--bh-content-on-color);
  --bh-social-apple-icon-border: var(--bh-border-subtle);
  --bh-social-apple-outline-icon: var(--bh-bg-always-dark);
  --bh-social-apple-width: 181px;
  --bh-social-apple-width-rtl: 222px;
  --bh-social-button-label-padding-inline-end: var(--bh-space-xxs-2);
  --bh-social-facebook-bg: #1877F2;
  --bh-social-facebook-border: transparent;
  --bh-social-facebook-fg: var(--bh-content-on-color);
  --bh-social-facebook-hover: #1465CE;
  --bh-social-facebook-icon: var(--bh-content-on-color);
  --bh-social-facebook-outline-icon: var(--bh-social-facebook-bg);
  --bh-social-facebook-width: 210px;
  --bh-social-facebook-width-rtl: 254px;
  --bh-social-google-bg: var(--bh-bg-always-dark);
  --bh-social-google-blue: #4285F4;
  --bh-social-google-border: var(--bh-border-subtle);
  --bh-social-google-fg: var(--bh-content-on-color);
  --bh-social-google-green: #34A853;
  --bh-social-google-hover: color-mix(in srgb, var(--bh-bg-always-dark) 88%, var(--bh-bg-always-white));
  --bh-social-google-red: #EA4335;
  --bh-social-google-width: 191px;
  --bh-social-google-width-rtl: 239px;
  --bh-social-google-yellow: #FBBC05;
  --bh-social-linkedin-bg: #0077B7;
  --bh-social-linkedin-border: transparent;
  --bh-social-linkedin-fg: var(--bh-content-on-color);
  --bh-social-linkedin-hover: #006BA5;
  --bh-social-linkedin-icon: var(--bh-content-on-color);
  --bh-social-linkedin-outline-icon: var(--bh-social-linkedin-bg);
  --bh-social-linkedin-width: 200px;
  --bh-social-linkedin-width-rtl: 252px;
  --bh-social-twitter-bg: var(--bh-bg-always-dark);
  --bh-social-twitter-border: var(--bh-border-subtle);
  --bh-social-twitter-fg: var(--bh-content-on-color);
  --bh-social-twitter-hover: color-mix(in srgb, var(--bh-bg-always-dark) 88%, var(--bh-bg-always-white));
  --bh-social-twitter-icon: var(--bh-content-on-color);
  --bh-social-twitter-icon-border: var(--bh-border-subtle);
  --bh-social-twitter-outline-icon: var(--bh-bg-always-dark);
  --bh-social-twitter-width: 190px;
  --bh-social-twitter-width-rtl: 231px;
  --bh-social-whatsapp-bg: #09B248;
  --bh-social-whatsapp-border: transparent;
  --bh-social-whatsapp-fg: var(--bh-content-on-color);
  --bh-social-whatsapp-hover: #08973D;
  --bh-social-whatsapp-icon: var(--bh-content-on-color);
  --bh-social-whatsapp-outline-icon: var(--bh-social-whatsapp-bg);
  --bh-social-whatsapp-width: 214px;
  --bh-social-whatsapp-width-rtl: 250px;
  --bh-spinner-size: var(--bh-space-3xl-16);
  --bh-steps-horizontal-width: 900px;
  --bh-steps-indicator-panel-width: 400px;
  --bh-steps-vertical-width: 240px;
  --bh-table-checkbox-opacity: var(--bh-opacity-100);
  --bh-table-checkbox-opacity-hidden: var(--bh-opacity-0);
  --bh-table-min-width: 960px;
  --bh-table-selection-column-min-width: 118px;
  --bh-timeline-grid-width: 1000px;
  --bh-timeline-narrow-width: 600px;
  --bh-timeline-sidebar-width: 240px;
  --bh-toggle-icon-size-md: var(--bh-space-2xl-14);
  --bh-toggle-icon-size-sm: var(--bh-space-xl-12);
  --bh-z-base: 0;
  --bh-z-overlay: 50;
  --bh-z-popover: 20;
  --bh-z-raised: 10;
  --bh-easing-out: ease-out;
  --bh-icon-explorer-pack-column: 42px;
  --bh-icon-explorer-topbar-min-height: 74px;
  --bh-modal-action-label-padding-x: var(--bh-space-xs-4);
  --bh-icon-explorer-topbar-bg: color-mix(in srgb, var(--bh-bg-grouped) 92%, transparent);
  --bh-progress-slider-tick-bg: color-mix(in srgb, var(--bh-progress-slider-grip-bg) 34%, transparent);
  --bh-slider-pill-track-bg: color-mix(in srgb, var(--bh-slider-range-bg) 12%, var(--bh-bg-default));
  --bh-slider-tick-bg: color-mix(in srgb, var(--bh-slider-range-bg) 45%, transparent);

}

/* Banhaten brand theme light token modes: generated from tokens/Theme.zip. */

[data-theme="blue"] {
  --bh-colors-neutral-50: #F9FBFC;
  --bh-colors-neutral-100: #F2F4F5;
  --bh-colors-neutral-200: #EBEEF0;
  --bh-colors-neutral-300: #E6EBF0;
  --bh-colors-neutral-400: #D8E0E8;
  --bh-colors-neutral-500: #C3D0DE;
  --bh-colors-neutral-600: #ABB8C7;
  --bh-colors-neutral-700: #7F8C9E;
  --bh-colors-neutral-800: #4E596E;
  --bh-colors-neutral-900: #232F40;
  --bh-colors-neutral-950: #101B2E;
  --bh-colors-neutral-alpha-50: rgb(88 123 140 / 0.07);
  --bh-colors-neutral-alpha-100: rgb(88 123 140 / 0.1);
  --bh-colors-neutral-alpha-200: rgb(88 123 140 / 0.13);
  --bh-colors-neutral-alpha-300: rgb(55 83 122 / 0.13);
  --bh-colors-neutral-alpha-400: rgb(22 64 112 / 0.15);
  --bh-colors-neutral-alpha-500: rgb(24 68 120 / 0.25);
  --bh-colors-neutral-dark-50: #0B111A;
  --bh-colors-neutral-dark-100: #121721;
  --bh-colors-neutral-dark-200: #181F29;
  --bh-colors-neutral-dark-300: #1F252E;
  --bh-colors-neutral-dark-400: #2E3742;
  --bh-colors-neutral-dark-500: #434E5C;
  --bh-colors-neutral-dark-600: #515E6E;
  --bh-colors-neutral-dark-700: #6F7E8F;
  --bh-colors-neutral-dark-800: #98A5B5;
  --bh-colors-neutral-dark-900: #DDE5EB;
  --bh-colors-neutral-dark-950: #FAFBFC;
  --bh-colors-neutral-alpha-dark-50: rgb(195 216 247 / 0.05);
  --bh-colors-neutral-alpha-dark-100: rgb(195 216 247 / 0.09);
  --bh-colors-neutral-alpha-dark-200: rgb(195 216 247 / 0.11);
  --bh-colors-neutral-alpha-dark-300: rgb(217 229 247 / 0.13);
  --bh-colors-neutral-alpha-dark-400: rgb(195 216 247 / 0.23);
  --bh-colors-neutral-alpha-dark-500: rgb(198 219 247 / 0.3);
  --bh-colors-brand-link-light: #245DED;
  --bh-colors-brand-link-hover-light: #1D49BF;
  --bh-colors-brand-link-dark: #3276FF;
  --bh-colors-brand-link-hover-dark: #5B97FF;
  --bh-colors-brand-content-light: #245DED;
  --bh-colors-brand-content-dark: #3276FF;
  --bh-colors-brand-content-strong-light: #1D49BF;
  --bh-colors-brand-content-strong-dark: #5B97FF;
  --bh-colors-brand-focused-light: #3276FF;
  --bh-colors-brand-focused-dark: #8DBDFF;
  --bh-colors-brand-color-on-brand-light: #FFFFFF;
  --bh-colors-brand-color-on-brand-dark: #FFFFFF;
  --bh-colors-brand-indicator: #3276FF;
  --bh-colors-brand-indicator-dark: #245DED;
  --bh-colors-brand-surface-strong-light: #1D49BF;
  --bh-colors-brand-surface-bold-light: #245DED;
  --bh-colors-brand-surface-base: #3276FF;
  --bh-colors-brand-surface-soft-light: #D6EAFF;
  --bh-colors-brand-surface-subtle-light: #EBF5FF;
  --bh-colors-brand-surface-strong-dark: #11318F;
  --bh-colors-brand-surface-bold-dark: #1D49BF;
  --bh-colors-brand-surface-base-dark: #245DED;
  --bh-colors-brand-surface-soft-dark: #11318F;
  --bh-colors-brand-surface-subtle-dark: rgb(50 118 255 / 0.1);
  --bh-colors-brand-border-border-subtle: #8DBDFF;
  --bh-colors-brand-border-border-strong: #245DED;
  --bh-colors-brand-border-border-subtle-dark: #11318F;
  --bh-colors-brand-border-border-strong-dark: #3276FF;
  --bh-colors-brand-interactive-default: #3276FF;
  --bh-colors-brand-interactive-hover: #245DED;
  --bh-colors-brand-interactive-pressed: #1D49BF;
  --bh-colors-brand-interactive-default-dark: #245DED;
  --bh-colors-brand-interactive-hover-dark: #3276FF;
  --bh-colors-brand-interactive-pressed-dark: #245DED;
  --bh-colors-brand-checkbox-bg-default: #245DED;
  --bh-colors-brand-checkbox-bg-hover: #245DED;
  --bh-colors-brand-checkbox-bg-default-dark: #3276FF;
  --bh-colors-brand-checkbox-bg-hover-dark: #245DED;
  --bh-colors-brand-radiobutton-bg-default: #245DED;
  --bh-colors-brand-radiobutton-bg-hover: #245DED;
  --bh-colors-brand-radiobutton-bg-default-dark: #3276FF;
  --bh-colors-brand-radiobutton-bg-hover-dark: #245DED;
  --accent: var(--bh-interactive-ghost-hover);
  --accent-foreground: var(--bh-content-default);
  --accent-hover: var(--bh-interactive-ghost-pressed);
  --background: var(--bh-bg-default);
  --border: var(--bh-border-default);
  --card: var(--bh-bg-raised);
  --card-foreground: var(--bh-content-default);
  --danger-ring: var(--bh-border-focus-danger);
  --destructive: var(--bh-interactive-danger-default);
  --destructive-foreground: var(--bh-content-on-color);
  --destructive-hover: var(--bh-interactive-danger-hover);
  --destructive-pressed: var(--bh-interactive-danger-pressed);
  --destructive-soft: var(--bh-interactive-danger-soft-default);
  --destructive-soft-foreground: var(--bh-content-danger-default);
  --destructive-soft-hover: var(--bh-interactive-danger-soft-hover);
  --destructive-soft-pressed: var(--bh-interactive-danger-soft-pressed);
  --foreground: var(--bh-content-default);
  --ghost: var(--bh-interactive-ghost-default);
  --ghost-hover: var(--bh-interactive-ghost-hover);
  --ghost-pressed: var(--bh-interactive-ghost-pressed);
  --input: var(--bh-border-input);
  --muted: var(--bh-bg-muted);
  --muted-foreground: var(--bh-content-muted);
  --outline: var(--bh-interactive-outlined-default);
  --outline-hover: var(--bh-interactive-outlined-hover);
  --outline-pressed: var(--bh-interactive-outlined-pressed);
  --popover: var(--bh-bg-raised);
  --popover-foreground: var(--bh-content-default);
  --primary: var(--bh-interactive-brand-default);
  --primary-foreground: var(--bh-content-on-brand);
  --primary-hover: var(--bh-interactive-brand-hover);
  --primary-pressed: var(--bh-interactive-brand-pressed);
  --ring: var(--bh-border-focus);
  --secondary: var(--bh-interactive-secondary-default);
  --secondary-foreground: var(--bh-content-default);
  --secondary-hover: var(--bh-interactive-secondary-hover);
  --secondary-pressed: var(--bh-interactive-secondary-pressed);
  --soft: var(--bh-interactive-soft-default);
  --soft-hover: var(--bh-interactive-soft-hover);
  --soft-pressed: var(--bh-interactive-soft-pressed);
  --success: var(--bh-bg-success-default);
  --success-foreground: var(--bh-content-on-color);
  --success-hover: var(--bh-bg-success-bold);
  --success-pressed: var(--bh-bg-success-strong);
  --warning: var(--bh-bg-warning-default);
  --warning-foreground: var(--bh-content-on-light);
  --warning-hover: var(--bh-bg-warning-bold);
  --warning-pressed: var(--bh-bg-warning-strong);
  --warning-soft: var(--bh-bg-warning-subtle);
  --warning-soft-foreground: var(--bh-content-warning-default);
  --warning-soft-hover: var(--bh-bg-warning-soft);
  --bh-pagination-active-bg: var(--bh-interactive-brand-default);
  --bh-pagination-active-border: var(--bh-border-subtle);
  --bh-pagination-active-content: var(--bh-content-on-brand);
  --bh-pagination-caption-content: var(--bh-content-subtle);
  --bh-pagination-control-content: var(--bh-content-default);
  --bh-pagination-control-ghost-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-control-ghost-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-control-ghost-pressed: var(--bh-interactive-ghost-pressed);
  --bh-pagination-control-soft-bg: var(--bh-interactive-soft-default);
  --bh-pagination-control-soft-hover: var(--bh-interactive-soft-hover);
  --bh-pagination-control-soft-pressed: var(--bh-interactive-soft-pressed);
  --bh-pagination-page-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-page-content: var(--bh-content-subtle);
  --bh-pagination-page-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-page-pressed: var(--bh-interactive-ghost-pressed);
  --bh-select-check-color: var(--bh-interactive-indicator-default);
  --bh-select-item-hover-bg: var(--bh-interactive-ghost-hover);
  --bh-select-menu-bg: var(--bh-bg-raised);
  --bh-select-menu-border: var(--bh-border-subtle);
  --bh-select-trigger-bg: var(--bh-interactive-input-default);
  --bh-select-trigger-bg-disabled: var(--bh-interactive-input-disabled);
  --bh-select-trigger-bg-soft: var(--bh-interactive-input-soft);
  --bh-select-trigger-border: var(--bh-border-input);
  --bh-select-trigger-border-disabled: var(--bh-border-disabled);
  --bh-select-trigger-border-error: var(--bh-border-danger-strong);
  --bh-select-trigger-border-focus: var(--bh-border-focus);
  --bh-select-trigger-icon-color: var(--bh-content-muted);
  --shadow-select-checkbox: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-checkbox-border, var(--bh-border-input)), var(--shadow-component-default);
  --shadow-select-danger-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-error, var(--bh-border-danger-strong)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus-danger) 30%, transparent);
  --shadow-select-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-focus, var(--bh-border-focus)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
  --shadow-select-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-component-default);
  --shadow-select-trigger: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-current, var(--bh-select-trigger-border)), var(--shadow-component-default);

}

[data-theme="gray"] {
  --bh-colors-neutral-50: #FAFAFA;
  --bh-colors-neutral-100: #F5F5F5;
  --bh-colors-neutral-200: #F0F0F0;
  --bh-colors-neutral-300: #EBEBEB;
  --bh-colors-neutral-400: #DBDBDB;
  --bh-colors-neutral-500: #BFBFBF;
  --bh-colors-neutral-600: #ADADAD;
  --bh-colors-neutral-700: #8C8C8C;
  --bh-colors-neutral-800: #595959;
  --bh-colors-neutral-900: #2E2E2E;
  --bh-colors-neutral-950: #1A1A1A;
  --bh-colors-neutral-alpha-50: rgb(0 0 0 / 0.04);
  --bh-colors-neutral-alpha-100: rgb(0 0 0 / 0.06);
  --bh-colors-neutral-alpha-200: rgb(0 0 0 / 0.08);
  --bh-colors-neutral-alpha-300: rgb(0 0 0 / 0.1);
  --bh-colors-neutral-alpha-400: rgb(0 0 0 / 0.14);
  --bh-colors-neutral-alpha-500: rgb(0 0 0 / 0.25);
  --bh-colors-neutral-dark-50: #0E0E0F;
  --bh-colors-neutral-dark-100: #141414;
  --bh-colors-neutral-dark-200: #1A1A1A;
  --bh-colors-neutral-dark-300: #242424;
  --bh-colors-neutral-dark-400: #3B3B3B;
  --bh-colors-neutral-dark-500: #4D4D4D;
  --bh-colors-neutral-dark-600: #5E5E5E;
  --bh-colors-neutral-dark-700: #7A7A7A;
  --bh-colors-neutral-dark-800: #A3A3A3;
  --bh-colors-neutral-dark-900: #E8E8E8;
  --bh-colors-neutral-dark-950: #FCFCFC;
  --bh-colors-neutral-alpha-dark-50: rgb(255 255 255 / 0.05);
  --bh-colors-neutral-alpha-dark-100: rgb(255 255 255 / 0.08);
  --bh-colors-neutral-alpha-dark-200: rgb(255 255 255 / 0.11);
  --bh-colors-neutral-alpha-dark-300: rgb(255 255 255 / 0.12);
  --bh-colors-neutral-alpha-dark-400: rgb(255 255 255 / 0.19);
  --bh-colors-neutral-alpha-dark-500: rgb(255 255 255 / 0.3);
  --bh-colors-brand-link-light: #1A1A1A;
  --bh-colors-brand-link-hover-light: #2E2E2E;
  --bh-colors-brand-link-dark: #FFFFFF;
  --bh-colors-brand-link-hover-dark: #F0F0F0;
  --bh-colors-brand-content-light: #1A1A1A;
  --bh-colors-brand-content-dark: #FFFFFF;
  --bh-colors-brand-content-strong-light: #1A1A1A;
  --bh-colors-brand-content-strong-dark: #FFFFFF;
  --bh-colors-brand-focused-light: #1A1A1A;
  --bh-colors-brand-focused-dark: #FFFFFF;
  --bh-colors-brand-color-on-brand-light: #FFFFFF;
  --bh-colors-brand-color-on-brand-dark: #0E0E0F;
  --bh-colors-brand-indicator: #1A1A1A;
  --bh-colors-brand-indicator-dark: #FCFCFC;
  --bh-colors-brand-surface-strong-light: #2E2E2E;
  --bh-colors-brand-surface-bold-light: #595959;
  --bh-colors-brand-surface-base: #1A1A1A;
  --bh-colors-brand-surface-soft-light: #EBEBEB;
  --bh-colors-brand-surface-subtle-light: #F0F0F0;
  --bh-colors-brand-surface-strong-dark: #A3A3A3;
  --bh-colors-brand-surface-bold-dark: #E8E8E8;
  --bh-colors-brand-surface-base-dark: #FFFFFF;
  --bh-colors-brand-surface-soft-dark: rgb(255 255 255 / 0.12);
  --bh-colors-brand-surface-subtle-dark: rgb(255 255 255 / 0.11);
  --bh-colors-brand-border-border-subtle: #BFBFBF;
  --bh-colors-brand-border-border-strong: #1A1A1A;
  --bh-colors-brand-border-border-subtle-dark: #4D4D4D;
  --bh-colors-brand-border-border-strong-dark: #FCFCFC;
  --bh-colors-brand-interactive-default: #1A1A1A;
  --bh-colors-brand-interactive-hover: #2E2E2E;
  --bh-colors-brand-interactive-pressed: #1A1A1A;
  --bh-colors-brand-interactive-default-dark: #FCFCFC;
  --bh-colors-brand-interactive-hover-dark: #E8E8E8;
  --bh-colors-brand-interactive-pressed-dark: #FCFCFC;
  --bh-colors-brand-checkbox-bg-default: #1A1A1A;
  --bh-colors-brand-checkbox-bg-hover: #1A1A1A;
  --bh-colors-brand-checkbox-bg-default-dark: #FAFAFA;
  --bh-colors-brand-checkbox-bg-hover-dark: #F5F5F5;
  --bh-colors-brand-radiobutton-bg-default: #1A1A1A;
  --bh-colors-brand-radiobutton-bg-hover: #1A1A1A;
  --bh-colors-brand-radiobutton-bg-default-dark: #FAFAFA;
  --bh-colors-brand-radiobutton-bg-hover-dark: #BFBFBF;
  --bh-bg-grouped: #F5F5F5;
  --bh-bg-default-hover: #FAFAFA;
  --bh-bg-subtle: #FAFAFA;
  --bh-bg-subtle-alpha: #FAFAFA;
  --bh-bg-subtle-hover: #F5F5F5;
  --bh-bg-muted: #F5F5F5;
  --bh-bg-muted-hover: #F0F0F0;
  --bh-bg-dim: #F0F0F0;
  --bh-bg-dim-hover: #EBEBEB;
  --bh-bg-raised-subtle: #FAFAFA;
  --bh-bg-raised-hover: #FAFAFA;
  --bh-bg-disabled: #FAFAFA;
  --bh-bg-inverse: #1A1A1A;
  --bh-bg-always-dark: #2E2E2E;
  --bh-bg-divider: rgb(0 0 0 / 0.1);
  --bh-bg-brand-subtle: #F0F0F0;
  --bh-bg-brand-soft: #EBEBEB;
  --bh-bg-brand-default: #1A1A1A;
  --bh-bg-brand-bold: #595959;
  --bh-bg-brand-strong: #2E2E2E;
  --bh-bg-neutral-subtle: rgb(0 0 0 / 0.06);
  --bh-bg-neutral-soft: rgb(0 0 0 / 0.08);
  --bh-bg-neutral-medium: #BFBFBF;
  --bh-bg-neutral-default: #8C8C8C;
  --bh-bg-neutral-bold: #595959;
  --bh-border-default: rgb(0 0 0 / 0.14);
  --bh-border-subtle: rgb(0 0 0 / 0.1);
  --bh-border-strong: #595959;
  --bh-border-disabled: rgb(0 0 0 / 0.08);
  --bh-border-focus: #1A1A1A;
  --bh-border-input: rgb(0 0 0 / 0.14);
  --bh-border-brand-subtle: #BFBFBF;
  --bh-border-brand-strong: #1A1A1A;
  --bh-content-default: #1A1A1A;
  --bh-content-subtle: #595959;
  --bh-content-muted: #8C8C8C;
  --bh-content-disabled: #ADADAD;
  --bh-content-link: #1A1A1A;
  --bh-content-link-hover: #2E2E2E;
  --bh-content-on-light: #1A1A1A;
  --bh-content-on-brand: #FFFFFF;
  --bh-content-brand-default: #1A1A1A;
  --bh-content-brand-strong: #1A1A1A;
  --bh-interactive-brand-default: #1A1A1A;
  --bh-interactive-brand-hover: #2E2E2E;
  --bh-interactive-brand-pressed: #1A1A1A;
  --bh-interactive-brand-disabled: rgb(0 0 0 / 0.06);
  --bh-interactive-secondary-default: #FAFAFA;
  --bh-interactive-secondary-hover: #F5F5F5;
  --bh-interactive-secondary-pressed: #F0F0F0;
  --bh-interactive-secondary-disabled: rgb(0 0 0 / 0.06);
  --bh-interactive-soft-default: rgb(0 0 0 / 0.06);
  --bh-interactive-soft-hover: rgb(0 0 0 / 0.08);
  --bh-interactive-soft-pressed: rgb(0 0 0 / 0.1);
  --bh-interactive-soft-disabled: rgb(0 0 0 / 0.06);
  --bh-interactive-ghost-hover: rgb(0 0 0 / 0.04);
  --bh-interactive-ghost-pressed: rgb(0 0 0 / 0.06);
  --bh-interactive-ghost-active: rgb(0 0 0 / 0.06);
  --bh-interactive-outlined-hover: rgb(0 0 0 / 0.04);
  --bh-interactive-outlined-pressed: rgb(0 0 0 / 0.06);
  --bh-interactive-danger-disabled: rgb(0 0 0 / 0.06);
  --bh-interactive-danger-soft-disabled: rgb(0 0 0 / 0.06);
  --bh-interactive-input-disabled: rgb(0 0 0 / 0.04);
  --bh-interactive-input-soft: rgb(0 0 0 / 0.06);
  --bh-interactive-input-soft-disabled: rgb(0 0 0 / 0.04);
  --bh-interactive-switch-default: #DBDBDB;
  --bh-interactive-switch-hover: #BFBFBF;
  --bh-interactive-switch-disabled: rgb(0 0 0 / 0.06);
  --bh-interactive-switch-handle-disabled: #FAFAFA;
  --bh-interactive-checkbox-default: #1A1A1A;
  --bh-interactive-checkbox-hover: #1A1A1A;
  --bh-interactive-radiobutton-default: #1A1A1A;
  --bh-interactive-radiobutton-hover: #1A1A1A;
  --bh-interactive-table-header: rgb(0 0 0 / 0.04);
  --bh-interactive-indicator-default: #1A1A1A;
  --bh-chart-brand-default: #1A1A1A;
  --bh-chart-neutral-default: #DBDBDB;
  --accent: var(--bh-interactive-ghost-hover);
  --accent-foreground: var(--bh-content-default);
  --accent-hover: var(--bh-interactive-ghost-pressed);
  --background: var(--bh-bg-default);
  --border: var(--bh-border-default);
  --card: var(--bh-bg-raised);
  --card-foreground: var(--bh-content-default);
  --danger-ring: var(--bh-border-focus-danger);
  --destructive: var(--bh-interactive-danger-default);
  --destructive-foreground: var(--bh-content-on-color);
  --destructive-hover: var(--bh-interactive-danger-hover);
  --destructive-pressed: var(--bh-interactive-danger-pressed);
  --destructive-soft: var(--bh-interactive-danger-soft-default);
  --destructive-soft-foreground: var(--bh-content-danger-default);
  --destructive-soft-hover: var(--bh-interactive-danger-soft-hover);
  --destructive-soft-pressed: var(--bh-interactive-danger-soft-pressed);
  --foreground: var(--bh-content-default);
  --ghost: var(--bh-interactive-ghost-default);
  --ghost-hover: var(--bh-interactive-ghost-hover);
  --ghost-pressed: var(--bh-interactive-ghost-pressed);
  --input: var(--bh-border-input);
  --muted: var(--bh-bg-muted);
  --muted-foreground: var(--bh-content-muted);
  --outline: var(--bh-interactive-outlined-default);
  --outline-hover: var(--bh-interactive-outlined-hover);
  --outline-pressed: var(--bh-interactive-outlined-pressed);
  --popover: var(--bh-bg-raised);
  --popover-foreground: var(--bh-content-default);
  --primary: var(--bh-interactive-brand-default);
  --primary-foreground: var(--bh-content-on-brand);
  --primary-hover: var(--bh-interactive-brand-hover);
  --primary-pressed: var(--bh-interactive-brand-pressed);
  --ring: var(--bh-border-focus);
  --secondary: var(--bh-interactive-secondary-default);
  --secondary-foreground: var(--bh-content-default);
  --secondary-hover: var(--bh-interactive-secondary-hover);
  --secondary-pressed: var(--bh-interactive-secondary-pressed);
  --soft: var(--bh-interactive-soft-default);
  --soft-hover: var(--bh-interactive-soft-hover);
  --soft-pressed: var(--bh-interactive-soft-pressed);
  --success: var(--bh-bg-success-default);
  --success-foreground: var(--bh-content-on-color);
  --success-hover: var(--bh-bg-success-bold);
  --success-pressed: var(--bh-bg-success-strong);
  --warning: var(--bh-bg-warning-default);
  --warning-foreground: var(--bh-content-on-light);
  --warning-hover: var(--bh-bg-warning-bold);
  --warning-pressed: var(--bh-bg-warning-strong);
  --warning-soft: var(--bh-bg-warning-subtle);
  --warning-soft-foreground: var(--bh-content-warning-default);
  --warning-soft-hover: var(--bh-bg-warning-soft);
  --bh-pagination-active-bg: var(--bh-interactive-brand-default);
  --bh-pagination-active-border: var(--bh-border-subtle);
  --bh-pagination-active-content: var(--bh-content-on-brand);
  --bh-pagination-caption-content: var(--bh-content-subtle);
  --bh-pagination-control-content: var(--bh-content-default);
  --bh-pagination-control-ghost-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-control-ghost-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-control-ghost-pressed: var(--bh-interactive-ghost-pressed);
  --bh-pagination-control-soft-bg: var(--bh-interactive-soft-default);
  --bh-pagination-control-soft-hover: var(--bh-interactive-soft-hover);
  --bh-pagination-control-soft-pressed: var(--bh-interactive-soft-pressed);
  --bh-pagination-page-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-page-content: var(--bh-content-subtle);
  --bh-pagination-page-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-page-pressed: var(--bh-interactive-ghost-pressed);
  --bh-select-check-color: var(--bh-interactive-indicator-default);
  --bh-select-item-hover-bg: var(--bh-interactive-ghost-hover);
  --bh-select-menu-bg: var(--bh-bg-raised);
  --bh-select-menu-border: var(--bh-border-subtle);
  --bh-select-trigger-bg: var(--bh-interactive-input-default);
  --bh-select-trigger-bg-disabled: var(--bh-interactive-input-disabled);
  --bh-select-trigger-bg-soft: var(--bh-interactive-input-soft);
  --bh-select-trigger-border: var(--bh-border-input);
  --bh-select-trigger-border-disabled: var(--bh-border-disabled);
  --bh-select-trigger-border-error: var(--bh-border-danger-strong);
  --bh-select-trigger-border-focus: var(--bh-border-focus);
  --bh-select-trigger-icon-color: var(--bh-content-muted);
  --shadow-select-checkbox: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-checkbox-border, var(--bh-border-input)), var(--shadow-component-default);
  --shadow-select-danger-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-error, var(--bh-border-danger-strong)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus-danger) 30%, transparent);
  --shadow-select-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-focus, var(--bh-border-focus)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
  --shadow-select-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-component-default);
  --shadow-select-trigger: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-current, var(--bh-select-trigger-border)), var(--shadow-component-default);

}

[data-theme="brown"] {
  --bh-colors-neutral-50: #FCF9F7;
  --bh-colors-neutral-100: #FAF2ED;
  --bh-colors-neutral-200: #F7EDE6;
  --bh-colors-neutral-300: #F5E8E1;
  --bh-colors-neutral-400: #E8DBD3;
  --bh-colors-neutral-500: #C9B4A9;
  --bh-colors-neutral-600: #C9B4A9;
  --bh-colors-neutral-700: #9E867B;
  --bh-colors-neutral-800: #6B544B;
  --bh-colors-neutral-900: #402923;
  --bh-colors-neutral-950: #2E1510;
  --bh-colors-neutral-alpha-50: rgb(163 91 20 / 0.06);
  --bh-colors-neutral-alpha-100: rgb(163 91 20 / 0.09);
  --bh-colors-neutral-alpha-200: rgb(161 79 24 / 0.11);
  --bh-colors-neutral-alpha-300: rgb(171 80 20 / 0.13);
  --bh-colors-neutral-alpha-400: rgb(138 60 15 / 0.18);
  --bh-colors-neutral-alpha-500: rgb(107 45 13 / 0.26);
  --bh-colors-neutral-dark-50: #0E0E0F;
  --bh-colors-neutral-dark-100: #141414;
  --bh-colors-neutral-dark-200: #1A1A1A;
  --bh-colors-neutral-dark-300: #242424;
  --bh-colors-neutral-dark-400: #3B3B3B;
  --bh-colors-neutral-dark-500: #4D4D4D;
  --bh-colors-neutral-dark-600: #5E5E5E;
  --bh-colors-neutral-dark-700: #7A7A7A;
  --bh-colors-neutral-dark-800: #A3A3A3;
  --bh-colors-neutral-dark-900: #E8E8E8;
  --bh-colors-neutral-dark-950: #FCFCFC;
  --bh-colors-neutral-alpha-dark-50: rgb(255 255 255 / 0.05);
  --bh-colors-neutral-alpha-dark-100: rgb(255 255 255 / 0.08);
  --bh-colors-neutral-alpha-dark-200: rgb(255 255 255 / 0.11);
  --bh-colors-neutral-alpha-dark-300: rgb(255 255 255 / 0.12);
  --bh-colors-neutral-alpha-dark-400: rgb(255 255 255 / 0.19);
  --bh-colors-neutral-alpha-dark-500: rgb(255 255 255 / 0.3);
  --bh-colors-brand-link-light: #CD6103;
  --bh-colors-brand-link-hover-light: #AC4C03;
  --bh-colors-brand-link-dark: #EE7300;
  --bh-colors-brand-link-hover-dark: #FFA136;
  --bh-colors-brand-content-light: #CD6103;
  --bh-colors-brand-content-dark: #EE7300;
  --bh-colors-brand-content-strong-light: #AC4C03;
  --bh-colors-brand-content-strong-dark: #FFA136;
  --bh-colors-brand-focused-light: #EE7300;
  --bh-colors-brand-focused-dark: #FFC369;
  --bh-colors-brand-color-on-brand-light: #FFFFFF;
  --bh-colors-brand-color-on-brand-dark: #FFFFFF;
  --bh-colors-brand-indicator: #CD6103;
  --bh-colors-brand-indicator-dark: #CD6103;
  --bh-colors-brand-surface-strong-light: #863E07;
  --bh-colors-brand-surface-bold-light: #AC4C03;
  --bh-colors-brand-surface-base: #CD6103;
  --bh-colors-brand-surface-soft-light: #FFE7BE;
  --bh-colors-brand-surface-subtle-light: #FFF2DB;
  --bh-colors-brand-surface-strong-dark: #863E07;
  --bh-colors-brand-surface-bold-dark: #AC4C03;
  --bh-colors-brand-surface-base-dark: #CD6103;
  --bh-colors-brand-surface-soft-dark: #863E07;
  --bh-colors-brand-surface-subtle-dark: rgb(238 115 0 / 0.1);
  --bh-colors-brand-border-border-subtle: #FFC369;
  --bh-colors-brand-border-border-strong: #AC4C03;
  --bh-colors-brand-border-border-subtle-dark: #863E07;
  --bh-colors-brand-border-border-strong-dark: #CD6103;
  --bh-colors-brand-interactive-default: #CD6103;
  --bh-colors-brand-interactive-hover: #AC4C03;
  --bh-colors-brand-interactive-pressed: #CD6103;
  --bh-colors-brand-interactive-default-dark: #CD6103;
  --bh-colors-brand-interactive-hover-dark: #AC4C03;
  --bh-colors-brand-interactive-pressed-dark: #CD6103;
  --bh-colors-brand-checkbox-bg-default: #CD6103;
  --bh-colors-brand-checkbox-bg-hover: #AC4C03;
  --bh-colors-brand-checkbox-bg-default-dark: #CD6103;
  --bh-colors-brand-checkbox-bg-hover-dark: #AC4C03;
  --bh-colors-brand-radiobutton-bg-default: #CD6103;
  --bh-colors-brand-radiobutton-bg-hover: #AC4C03;
  --bh-colors-brand-radiobutton-bg-default-dark: #CD6103;
  --bh-colors-brand-radiobutton-bg-hover-dark: #AC4C03;
  --bh-bg-grouped: #FAF2ED;
  --bh-bg-default-hover: #FCF9F7;
  --bh-bg-subtle: #FCF9F7;
  --bh-bg-subtle-alpha: #FCF9F7;
  --bh-bg-subtle-hover: #FAF2ED;
  --bh-bg-muted: #FAF2ED;
  --bh-bg-muted-hover: #F7EDE6;
  --bh-bg-dim: #F7EDE6;
  --bh-bg-dim-hover: #F5E8E1;
  --bh-bg-raised-subtle: #FCF9F7;
  --bh-bg-raised-hover: #FCF9F7;
  --bh-bg-disabled: #FCF9F7;
  --bh-bg-inverse: #2E1510;
  --bh-bg-always-dark: #402923;
  --bh-bg-divider: rgb(171 80 20 / 0.13);
  --bh-bg-brand-subtle: #FFF2DB;
  --bh-bg-brand-soft: #FFE7BE;
  --bh-bg-brand-default: #CD6103;
  --bh-bg-brand-bold: #AC4C03;
  --bh-bg-brand-strong: #863E07;
  --bh-bg-neutral-subtle: rgb(163 91 20 / 0.09);
  --bh-bg-neutral-soft: rgb(161 79 24 / 0.11);
  --bh-bg-neutral-medium: #C9B4A9;
  --bh-bg-neutral-default: #9E867B;
  --bh-bg-neutral-bold: #6B544B;
  --bh-border-default: rgb(138 60 15 / 0.18);
  --bh-border-subtle: rgb(171 80 20 / 0.13);
  --bh-border-strong: #6B544B;
  --bh-border-disabled: rgb(161 79 24 / 0.11);
  --bh-border-focus: #EE7300;
  --bh-border-input: rgb(138 60 15 / 0.18);
  --bh-border-brand-subtle: #FFC369;
  --bh-border-brand-strong: #AC4C03;
  --bh-content-default: #2E1510;
  --bh-content-subtle: #6B544B;
  --bh-content-muted: #9E867B;
  --bh-content-disabled: #C9B4A9;
  --bh-content-link: #CD6103;
  --bh-content-link-hover: #AC4C03;
  --bh-content-on-light: #2E1510;
  --bh-content-on-brand: #FFFFFF;
  --bh-content-brand-default: #CD6103;
  --bh-content-brand-strong: #AC4C03;
  --bh-interactive-brand-default: #CD6103;
  --bh-interactive-brand-hover: #AC4C03;
  --bh-interactive-brand-pressed: #CD6103;
  --bh-interactive-brand-disabled: rgb(163 91 20 / 0.09);
  --bh-interactive-secondary-default: #FCF9F7;
  --bh-interactive-secondary-hover: #FAF2ED;
  --bh-interactive-secondary-pressed: #F7EDE6;
  --bh-interactive-secondary-disabled: rgb(163 91 20 / 0.09);
  --bh-interactive-soft-default: rgb(163 91 20 / 0.09);
  --bh-interactive-soft-hover: rgb(161 79 24 / 0.11);
  --bh-interactive-soft-pressed: rgb(171 80 20 / 0.13);
  --bh-interactive-soft-disabled: rgb(163 91 20 / 0.09);
  --bh-interactive-ghost-hover: rgb(163 91 20 / 0.06);
  --bh-interactive-ghost-pressed: rgb(163 91 20 / 0.09);
  --bh-interactive-ghost-active: rgb(163 91 20 / 0.09);
  --bh-interactive-outlined-hover: rgb(163 91 20 / 0.06);
  --bh-interactive-outlined-pressed: rgb(163 91 20 / 0.09);
  --bh-interactive-danger-disabled: rgb(163 91 20 / 0.09);
  --bh-interactive-danger-soft-disabled: rgb(163 91 20 / 0.09);
  --bh-interactive-input-disabled: rgb(163 91 20 / 0.06);
  --bh-interactive-input-soft: rgb(163 91 20 / 0.09);
  --bh-interactive-input-soft-disabled: rgb(163 91 20 / 0.06);
  --bh-interactive-switch-default: #E8DBD3;
  --bh-interactive-switch-hover: #C9B4A9;
  --bh-interactive-switch-disabled: rgb(163 91 20 / 0.09);
  --bh-interactive-switch-handle-disabled: #FCF9F7;
  --bh-interactive-checkbox-default: #CD6103;
  --bh-interactive-checkbox-hover: #AC4C03;
  --bh-interactive-radiobutton-default: #CD6103;
  --bh-interactive-radiobutton-hover: #AC4C03;
  --bh-interactive-table-header: rgb(163 91 20 / 0.06);
  --bh-interactive-indicator-default: #CD6103;
  --bh-chart-brand-default: #CD6103;
  --bh-chart-neutral-default: #E8DBD3;
  --accent: var(--bh-interactive-ghost-hover);
  --accent-foreground: var(--bh-content-default);
  --accent-hover: var(--bh-interactive-ghost-pressed);
  --background: var(--bh-bg-default);
  --border: var(--bh-border-default);
  --card: var(--bh-bg-raised);
  --card-foreground: var(--bh-content-default);
  --danger-ring: var(--bh-border-focus-danger);
  --destructive: var(--bh-interactive-danger-default);
  --destructive-foreground: var(--bh-content-on-color);
  --destructive-hover: var(--bh-interactive-danger-hover);
  --destructive-pressed: var(--bh-interactive-danger-pressed);
  --destructive-soft: var(--bh-interactive-danger-soft-default);
  --destructive-soft-foreground: var(--bh-content-danger-default);
  --destructive-soft-hover: var(--bh-interactive-danger-soft-hover);
  --destructive-soft-pressed: var(--bh-interactive-danger-soft-pressed);
  --foreground: var(--bh-content-default);
  --ghost: var(--bh-interactive-ghost-default);
  --ghost-hover: var(--bh-interactive-ghost-hover);
  --ghost-pressed: var(--bh-interactive-ghost-pressed);
  --input: var(--bh-border-input);
  --muted: var(--bh-bg-muted);
  --muted-foreground: var(--bh-content-muted);
  --outline: var(--bh-interactive-outlined-default);
  --outline-hover: var(--bh-interactive-outlined-hover);
  --outline-pressed: var(--bh-interactive-outlined-pressed);
  --popover: var(--bh-bg-raised);
  --popover-foreground: var(--bh-content-default);
  --primary: var(--bh-interactive-brand-default);
  --primary-foreground: var(--bh-content-on-brand);
  --primary-hover: var(--bh-interactive-brand-hover);
  --primary-pressed: var(--bh-interactive-brand-pressed);
  --ring: var(--bh-border-focus);
  --secondary: var(--bh-interactive-secondary-default);
  --secondary-foreground: var(--bh-content-default);
  --secondary-hover: var(--bh-interactive-secondary-hover);
  --secondary-pressed: var(--bh-interactive-secondary-pressed);
  --soft: var(--bh-interactive-soft-default);
  --soft-hover: var(--bh-interactive-soft-hover);
  --soft-pressed: var(--bh-interactive-soft-pressed);
  --success: var(--bh-bg-success-default);
  --success-foreground: var(--bh-content-on-color);
  --success-hover: var(--bh-bg-success-bold);
  --success-pressed: var(--bh-bg-success-strong);
  --warning: var(--bh-bg-warning-default);
  --warning-foreground: var(--bh-content-on-light);
  --warning-hover: var(--bh-bg-warning-bold);
  --warning-pressed: var(--bh-bg-warning-strong);
  --warning-soft: var(--bh-bg-warning-subtle);
  --warning-soft-foreground: var(--bh-content-warning-default);
  --warning-soft-hover: var(--bh-bg-warning-soft);
  --bh-pagination-active-bg: var(--bh-interactive-brand-default);
  --bh-pagination-active-border: var(--bh-border-subtle);
  --bh-pagination-active-content: var(--bh-content-on-brand);
  --bh-pagination-caption-content: var(--bh-content-subtle);
  --bh-pagination-control-content: var(--bh-content-default);
  --bh-pagination-control-ghost-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-control-ghost-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-control-ghost-pressed: var(--bh-interactive-ghost-pressed);
  --bh-pagination-control-soft-bg: var(--bh-interactive-soft-default);
  --bh-pagination-control-soft-hover: var(--bh-interactive-soft-hover);
  --bh-pagination-control-soft-pressed: var(--bh-interactive-soft-pressed);
  --bh-pagination-page-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-page-content: var(--bh-content-subtle);
  --bh-pagination-page-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-page-pressed: var(--bh-interactive-ghost-pressed);
  --bh-select-check-color: var(--bh-interactive-indicator-default);
  --bh-select-item-hover-bg: var(--bh-interactive-ghost-hover);
  --bh-select-menu-bg: var(--bh-bg-raised);
  --bh-select-menu-border: var(--bh-border-subtle);
  --bh-select-trigger-bg: var(--bh-interactive-input-default);
  --bh-select-trigger-bg-disabled: var(--bh-interactive-input-disabled);
  --bh-select-trigger-bg-soft: var(--bh-interactive-input-soft);
  --bh-select-trigger-border: var(--bh-border-input);
  --bh-select-trigger-border-disabled: var(--bh-border-disabled);
  --bh-select-trigger-border-error: var(--bh-border-danger-strong);
  --bh-select-trigger-border-focus: var(--bh-border-focus);
  --bh-select-trigger-icon-color: var(--bh-content-muted);
  --shadow-select-checkbox: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-checkbox-border, var(--bh-border-input)), var(--shadow-component-default);
  --shadow-select-danger-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-error, var(--bh-border-danger-strong)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus-danger) 30%, transparent);
  --shadow-select-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-focus, var(--bh-border-focus)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
  --shadow-select-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-component-default);
  --shadow-select-trigger: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-current, var(--bh-select-trigger-border)), var(--shadow-component-default);

}

[data-theme="orange"] {
  --bh-colors-brand-border-border-strong: #C2410C;
  --bh-colors-brand-border-border-strong-dark: #FB923C;
  --bh-colors-brand-border-border-subtle: #FDBA74;
  --bh-colors-brand-border-border-subtle-dark: #9A3412;
  --bh-colors-brand-checkbox-bg-default: #9A3412;
  --bh-colors-brand-checkbox-bg-default-dark: #FB923C;
  --bh-colors-brand-checkbox-bg-hover: #7C2D12;
  --bh-colors-brand-checkbox-bg-hover-dark: #FDBA74;
  --bh-colors-brand-color-on-brand-dark: #0B111A;
  --bh-colors-brand-color-on-brand-light: #101B2E;
  --bh-colors-brand-content-dark: #FB923C;
  --bh-colors-brand-content-light: #9A3412;
  --bh-colors-brand-content-strong-dark: #FDBA74;
  --bh-colors-brand-content-strong-light: #7C2D12;
  --bh-colors-brand-focused-dark: #FB923C;
  --bh-colors-brand-focused-light: #EA580C;
  --bh-colors-brand-indicator: #EA580C;
  --bh-colors-brand-indicator-dark: #FB923C;
  --bh-colors-brand-interactive-default: #F97316;
  --bh-colors-brand-interactive-default-dark: #FB923C;
  --bh-colors-brand-interactive-hover: #EA580C;
  --bh-colors-brand-interactive-hover-dark: #F97316;
  --bh-colors-brand-interactive-pressed: #F97316;
  --bh-colors-brand-interactive-pressed-dark: #FB923C;
  --bh-colors-brand-link-dark: #FB923C;
  --bh-colors-brand-link-hover-dark: #FDBA74;
  --bh-colors-brand-link-hover-light: #7C2D12;
  --bh-colors-brand-link-light: #9A3412;
  --bh-colors-brand-radiobutton-bg-default: #9A3412;
  --bh-colors-brand-radiobutton-bg-default-dark: #FB923C;
  --bh-colors-brand-radiobutton-bg-hover: #7C2D12;
  --bh-colors-brand-radiobutton-bg-hover-dark: #FDBA74;
  --bh-colors-brand-surface-base: #F97316;
  --bh-colors-brand-surface-base-dark: #FB923C;
  --bh-colors-brand-surface-bold-dark: #EA580C;
  --bh-colors-brand-surface-bold-light: #EA580C;
  --bh-colors-brand-surface-soft-dark: #9A3412;
  --bh-colors-brand-surface-soft-light: #FFEDD5;
  --bh-colors-brand-surface-strong-dark: #9A3412;
  --bh-colors-brand-surface-strong-light: #7C2D12;
  --bh-colors-brand-surface-subtle-dark: rgb(249 115 22 / 0.1);
  --bh-colors-brand-surface-subtle-light: #FFF7ED;
  --bh-colors-neutral-100: #F2F4F5;
  --bh-colors-neutral-200: #EBEEF0;
  --bh-colors-neutral-300: #E6EBF0;
  --bh-colors-neutral-400: #D8E0E8;
  --bh-colors-neutral-50: #F9FBFC;
  --bh-colors-neutral-500: #C3D0DE;
  --bh-colors-neutral-600: #ABB8C7;
  --bh-colors-neutral-700: #7F8C9E;
  --bh-colors-neutral-800: #4E596E;
  --bh-colors-neutral-900: #232F40;
  --bh-colors-neutral-950: #101B2E;
  --bh-colors-neutral-alpha-100: rgb(88 123 140 / 0.1);
  --bh-colors-neutral-alpha-200: rgb(88 123 140 / 0.13);
  --bh-colors-neutral-alpha-300: rgb(55 83 122 / 0.13);
  --bh-colors-neutral-alpha-400: rgb(22 64 112 / 0.15);
  --bh-colors-neutral-alpha-50: rgb(88 123 140 / 0.07);
  --bh-colors-neutral-alpha-500: rgb(24 68 120 / 0.25);
  --bh-colors-neutral-alpha-dark-100: rgb(195 216 247 / 0.09);
  --bh-colors-neutral-alpha-dark-200: rgb(195 216 247 / 0.11);
  --bh-colors-neutral-alpha-dark-300: rgb(217 229 247 / 0.13);
  --bh-colors-neutral-alpha-dark-400: rgb(195 216 247 / 0.23);
  --bh-colors-neutral-alpha-dark-50: rgb(195 216 247 / 0.05);
  --bh-colors-neutral-alpha-dark-500: rgb(198 219 247 / 0.3);
  --bh-colors-neutral-dark-100: #121721;
  --bh-colors-neutral-dark-200: #181F29;
  --bh-colors-neutral-dark-300: #1F252E;
  --bh-colors-neutral-dark-400: #2E3742;
  --bh-colors-neutral-dark-50: #0B111A;
  --bh-colors-neutral-dark-500: #434E5C;
  --bh-colors-neutral-dark-600: #515E6E;
  --bh-colors-neutral-dark-700: #6F7E8F;
  --bh-colors-neutral-dark-800: #98A5B5;
  --bh-colors-neutral-dark-900: #DDE5EB;
  --bh-colors-neutral-dark-950: #FAFBFC;
  --bh-bg-grouped: #F2F4F5;
  --bh-bg-default-hover: #F9FBFC;
  --bh-bg-subtle: #F9FBFC;
  --bh-bg-subtle-alpha: #F9FBFC;
  --bh-bg-subtle-hover: #F2F4F5;
  --bh-bg-muted: #F2F4F5;
  --bh-bg-muted-hover: #EBEEF0;
  --bh-bg-dim: #EBEEF0;
  --bh-bg-dim-hover: #E6EBF0;
  --bh-bg-raised-subtle: #F9FBFC;
  --bh-bg-raised-hover: #F9FBFC;
  --bh-bg-disabled: #F9FBFC;
  --bh-bg-inverse: #101B2E;
  --bh-bg-always-dark: #232F40;
  --bh-bg-divider: rgb(55 83 122 / 0.13);
  --bh-bg-brand-subtle: #FFF7ED;
  --bh-bg-brand-soft: #FFEDD5;
  --bh-bg-brand-default: #F97316;
  --bh-bg-brand-bold: #EA580C;
  --bh-bg-brand-strong: #7C2D12;
  --bh-bg-neutral-subtle: rgb(88 123 140 / 0.1);
  --bh-bg-neutral-soft: rgb(88 123 140 / 0.13);
  --bh-bg-neutral-medium: #C3D0DE;
  --bh-bg-neutral-default: #7F8C9E;
  --bh-bg-neutral-bold: #4E596E;
  --bh-border-default: rgb(22 64 112 / 0.15);
  --bh-border-subtle: rgb(55 83 122 / 0.13);
  --bh-border-strong: #4E596E;
  --bh-border-disabled: rgb(88 123 140 / 0.13);
  --bh-border-focus: #EA580C;
  --bh-border-input: rgb(22 64 112 / 0.15);
  --bh-border-brand-subtle: #FDBA74;
  --bh-border-brand-strong: #C2410C;
  --bh-content-default: #101B2E;
  --bh-content-subtle: #4E596E;
  --bh-content-muted: #7F8C9E;
  --bh-content-disabled: #ABB8C7;
  --bh-content-link: #9A3412;
  --bh-content-link-hover: #7C2D12;
  --bh-content-on-light: #101B2E;
  --bh-content-on-brand: #101B2E;
  --bh-content-brand-default: #9A3412;
  --bh-content-brand-strong: #7C2D12;
  --bh-interactive-brand-default: #F97316;
  --bh-interactive-brand-hover: #EA580C;
  --bh-interactive-brand-pressed: #F97316;
  --bh-interactive-brand-disabled: rgb(88 123 140 / 0.1);
  --bh-interactive-secondary-default: #F9FBFC;
  --bh-interactive-secondary-hover: #F2F4F5;
  --bh-interactive-secondary-pressed: #EBEEF0;
  --bh-interactive-secondary-disabled: rgb(88 123 140 / 0.1);
  --bh-interactive-soft-default: rgb(88 123 140 / 0.1);
  --bh-interactive-soft-hover: rgb(88 123 140 / 0.13);
  --bh-interactive-soft-pressed: rgb(55 83 122 / 0.13);
  --bh-interactive-soft-disabled: rgb(88 123 140 / 0.1);
  --bh-interactive-ghost-hover: rgb(88 123 140 / 0.07);
  --bh-interactive-ghost-pressed: rgb(88 123 140 / 0.1);
  --bh-interactive-ghost-active: rgb(88 123 140 / 0.1);
  --bh-interactive-outlined-hover: rgb(88 123 140 / 0.07);
  --bh-interactive-outlined-pressed: rgb(88 123 140 / 0.1);
  --bh-interactive-danger-disabled: rgb(88 123 140 / 0.1);
  --bh-interactive-danger-soft-disabled: rgb(88 123 140 / 0.1);
  --bh-interactive-input-disabled: rgb(88 123 140 / 0.07);
  --bh-interactive-input-soft: rgb(88 123 140 / 0.1);
  --bh-interactive-input-soft-disabled: rgb(88 123 140 / 0.07);
  --bh-interactive-switch-default: #D8E0E8;
  --bh-interactive-switch-hover: #C3D0DE;
  --bh-interactive-switch-disabled: rgb(88 123 140 / 0.1);
  --bh-interactive-switch-handle-disabled: #F9FBFC;
  --bh-interactive-checkbox-default: #9A3412;
  --bh-interactive-checkbox-hover: #7C2D12;
  --bh-interactive-radiobutton-default: #9A3412;
  --bh-interactive-radiobutton-hover: #7C2D12;
  --bh-interactive-table-header: rgb(88 123 140 / 0.07);
  --bh-interactive-indicator-default: #EA580C;
  --bh-chart-brand-default: #F97316;
  --bh-chart-neutral-default: #D8E0E8;
  --accent: var(--bh-interactive-ghost-hover);
  --accent-foreground: var(--bh-content-default);
  --accent-hover: var(--bh-interactive-ghost-pressed);
  --background: var(--bh-bg-default);
  --border: var(--bh-border-default);
  --card: var(--bh-bg-raised);
  --card-foreground: var(--bh-content-default);
  --danger-ring: var(--bh-border-focus-danger);
  --destructive: var(--bh-interactive-danger-default);
  --destructive-foreground: var(--bh-content-on-color);
  --destructive-hover: var(--bh-interactive-danger-hover);
  --destructive-pressed: var(--bh-interactive-danger-pressed);
  --destructive-soft: var(--bh-interactive-danger-soft-default);
  --destructive-soft-foreground: var(--bh-content-danger-default);
  --destructive-soft-hover: var(--bh-interactive-danger-soft-hover);
  --destructive-soft-pressed: var(--bh-interactive-danger-soft-pressed);
  --foreground: var(--bh-content-default);
  --ghost: var(--bh-interactive-ghost-default);
  --ghost-hover: var(--bh-interactive-ghost-hover);
  --ghost-pressed: var(--bh-interactive-ghost-pressed);
  --input: var(--bh-border-input);
  --muted: var(--bh-bg-muted);
  --muted-foreground: var(--bh-content-muted);
  --outline: var(--bh-interactive-outlined-default);
  --outline-hover: var(--bh-interactive-outlined-hover);
  --outline-pressed: var(--bh-interactive-outlined-pressed);
  --popover: var(--bh-bg-raised);
  --popover-foreground: var(--bh-content-default);
  --primary: var(--bh-interactive-brand-default);
  --primary-foreground: var(--bh-content-on-brand);
  --primary-hover: var(--bh-interactive-brand-hover);
  --primary-pressed: var(--bh-interactive-brand-pressed);
  --ring: var(--bh-border-focus);
  --secondary: var(--bh-interactive-secondary-default);
  --secondary-foreground: var(--bh-content-default);
  --secondary-hover: var(--bh-interactive-secondary-hover);
  --secondary-pressed: var(--bh-interactive-secondary-pressed);
  --soft: var(--bh-interactive-soft-default);
  --soft-hover: var(--bh-interactive-soft-hover);
  --soft-pressed: var(--bh-interactive-soft-pressed);
  --success: var(--bh-bg-success-default);
  --success-foreground: var(--bh-content-on-color);
  --success-hover: var(--bh-bg-success-bold);
  --success-pressed: var(--bh-bg-success-strong);
  --warning: var(--bh-bg-warning-default);
  --warning-foreground: var(--bh-content-on-light);
  --warning-hover: var(--bh-bg-warning-bold);
  --warning-pressed: var(--bh-bg-warning-strong);
  --warning-soft: var(--bh-bg-warning-subtle);
  --warning-soft-foreground: var(--bh-content-warning-default);
  --warning-soft-hover: var(--bh-bg-warning-soft);
  --bh-pagination-active-bg: var(--bh-interactive-brand-default);
  --bh-pagination-active-border: var(--bh-border-subtle);
  --bh-pagination-active-content: var(--bh-content-on-brand);
  --bh-pagination-caption-content: var(--bh-content-subtle);
  --bh-pagination-control-content: var(--bh-content-default);
  --bh-pagination-control-ghost-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-control-ghost-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-control-ghost-pressed: var(--bh-interactive-ghost-pressed);
  --bh-pagination-control-soft-bg: var(--bh-interactive-soft-default);
  --bh-pagination-control-soft-hover: var(--bh-interactive-soft-hover);
  --bh-pagination-control-soft-pressed: var(--bh-interactive-soft-pressed);
  --bh-pagination-page-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-page-content: var(--bh-content-subtle);
  --bh-pagination-page-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-page-pressed: var(--bh-interactive-ghost-pressed);
  --bh-select-check-color: var(--bh-interactive-indicator-default);
  --bh-select-item-hover-bg: var(--bh-interactive-ghost-hover);
  --bh-select-menu-bg: var(--bh-bg-raised);
  --bh-select-menu-border: var(--bh-border-subtle);
  --bh-select-trigger-bg: var(--bh-interactive-input-default);
  --bh-select-trigger-bg-disabled: var(--bh-interactive-input-disabled);
  --bh-select-trigger-bg-soft: var(--bh-interactive-input-soft);
  --bh-select-trigger-border: var(--bh-border-input);
  --bh-select-trigger-border-disabled: var(--bh-border-disabled);
  --bh-select-trigger-border-error: var(--bh-border-danger-strong);
  --bh-select-trigger-border-focus: var(--bh-border-focus);
  --bh-select-trigger-icon-color: var(--bh-content-muted);
  --shadow-select-checkbox: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-checkbox-border, var(--bh-border-input)), var(--shadow-component-default);
  --shadow-select-danger-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-error, var(--bh-border-danger-strong)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus-danger) 30%, transparent);
  --shadow-select-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-focus, var(--bh-border-focus)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
  --shadow-select-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-component-default);
  --shadow-select-trigger: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-current, var(--bh-select-trigger-border)), var(--shadow-component-default);

}

[data-theme="green"] {
  --bh-colors-brand-border-border-strong: #047857;
  --bh-colors-brand-border-border-strong-dark: #0C8561;
  --bh-colors-brand-border-border-subtle: #6EE7B7;
  --bh-colors-brand-border-border-subtle-dark: #064E3B;
  --bh-colors-brand-checkbox-bg-default: #047857;
  --bh-colors-brand-checkbox-bg-default-dark: #0C8561;
  --bh-colors-brand-checkbox-bg-hover: #065F46;
  --bh-colors-brand-checkbox-bg-hover-dark: #065F46;
  --bh-colors-brand-color-on-brand-dark: #FFFFFF;
  --bh-colors-brand-color-on-brand-light: #FFFFFF;
  --bh-colors-brand-content-dark: #10B981;
  --bh-colors-brand-content-light: #047857;
  --bh-colors-brand-content-strong-dark: #34D399;
  --bh-colors-brand-content-strong-light: #065F46;
  --bh-colors-brand-focused-dark: #34D399;
  --bh-colors-brand-focused-light: #0E9F6E;
  --bh-colors-brand-indicator: #0E9F6E;
  --bh-colors-brand-indicator-dark: #10B981;
  --bh-colors-brand-interactive-default: #047857;
  --bh-colors-brand-interactive-default-dark: #0C8561;
  --bh-colors-brand-interactive-hover: #065F46;
  --bh-colors-brand-interactive-hover-dark: #065F46;
  --bh-colors-brand-interactive-pressed: #064E3B;
  --bh-colors-brand-interactive-pressed-dark: #0C8561;
  --bh-colors-brand-link-dark: #10B981;
  --bh-colors-brand-link-hover-dark: #34D399;
  --bh-colors-brand-link-hover-light: #065F46;
  --bh-colors-brand-link-light: #047857;
  --bh-colors-brand-radiobutton-bg-default: #047857;
  --bh-colors-brand-radiobutton-bg-default-dark: #0C8561;
  --bh-colors-brand-radiobutton-bg-hover: #065F46;
  --bh-colors-brand-radiobutton-bg-hover-dark: #065F46;
  --bh-colors-brand-surface-base: #047857;
  --bh-colors-brand-surface-base-dark: #0C8561;
  --bh-colors-brand-surface-bold-dark: #047857;
  --bh-colors-brand-surface-bold-light: #065F46;
  --bh-colors-brand-surface-soft-dark: #064E3B;
  --bh-colors-brand-surface-soft-light: #D1FAE5;
  --bh-colors-brand-surface-strong-dark: #064E3B;
  --bh-colors-brand-surface-strong-light: #064E3B;
  --bh-colors-brand-surface-subtle-dark: rgb(14 159 110 / 0.1);
  --bh-colors-brand-surface-subtle-light: #ECFDF5;
  --bh-colors-neutral-100: #F1F5F3;
  --bh-colors-neutral-200: #E7EEE9;
  --bh-colors-neutral-300: #DCE7E1;
  --bh-colors-neutral-400: #CBD9D1;
  --bh-colors-neutral-50: #F8FAF9;
  --bh-colors-neutral-500: #B4C7BC;
  --bh-colors-neutral-600: #9AAFA3;
  --bh-colors-neutral-700: #71877A;
  --bh-colors-neutral-800: #465A50;
  --bh-colors-neutral-900: #23332C;
  --bh-colors-neutral-950: #111C18;
  --bh-colors-neutral-alpha-100: rgb(31 83 62 / 0.08);
  --bh-colors-neutral-alpha-200: rgb(31 83 62 / 0.11);
  --bh-colors-neutral-alpha-300: rgb(31 83 62 / 0.14);
  --bh-colors-neutral-alpha-400: rgb(31 83 62 / 0.18);
  --bh-colors-neutral-alpha-50: rgb(31 83 62 / 0.05);
  --bh-colors-neutral-alpha-500: rgb(20 66 47 / 0.27);
  --bh-colors-neutral-alpha-dark-100: rgb(205 232 219 / 0.09);
  --bh-colors-neutral-alpha-dark-200: rgb(205 232 219 / 0.12);
  --bh-colors-neutral-alpha-dark-300: rgb(219 240 230 / 0.14);
  --bh-colors-neutral-alpha-dark-400: rgb(205 232 219 / 0.23);
  --bh-colors-neutral-alpha-dark-50: rgb(205 232 219 / 0.05);
  --bh-colors-neutral-alpha-dark-500: rgb(205 232 219 / 0.32);
  --bh-colors-neutral-dark-100: #101A16;
  --bh-colors-neutral-dark-200: #16231E;
  --bh-colors-neutral-dark-300: #1D2B25;
  --bh-colors-neutral-dark-400: #2C3F36;
  --bh-colors-neutral-dark-50: #0A1210;
  --bh-colors-neutral-dark-500: #42584D;
  --bh-colors-neutral-dark-600: #52695D;
  --bh-colors-neutral-dark-700: #71877A;
  --bh-colors-neutral-dark-800: #9FB3A8;
  --bh-colors-neutral-dark-900: #DDE8E2;
  --bh-colors-neutral-dark-950: #FAFCFB;
  --bh-bg-grouped: #F1F5F3;
  --bh-bg-default-hover: #F8FAF9;
  --bh-bg-subtle: #F8FAF9;
  --bh-bg-subtle-alpha: #F8FAF9;
  --bh-bg-subtle-hover: #F1F5F3;
  --bh-bg-muted: #F1F5F3;
  --bh-bg-muted-hover: #E7EEE9;
  --bh-bg-dim: #E7EEE9;
  --bh-bg-dim-hover: #DCE7E1;
  --bh-bg-raised-subtle: #F8FAF9;
  --bh-bg-raised-hover: #F8FAF9;
  --bh-bg-disabled: #F8FAF9;
  --bh-bg-inverse: #111C18;
  --bh-bg-always-dark: #23332C;
  --bh-bg-divider: rgb(31 83 62 / 0.14);
  --bh-bg-brand-subtle: #ECFDF5;
  --bh-bg-brand-soft: #D1FAE5;
  --bh-bg-brand-default: #047857;
  --bh-bg-brand-bold: #065F46;
  --bh-bg-brand-strong: #064E3B;
  --bh-bg-neutral-subtle: rgb(31 83 62 / 0.08);
  --bh-bg-neutral-soft: rgb(31 83 62 / 0.11);
  --bh-bg-neutral-medium: #B4C7BC;
  --bh-bg-neutral-default: #71877A;
  --bh-bg-neutral-bold: #465A50;
  --bh-border-default: rgb(31 83 62 / 0.18);
  --bh-border-subtle: rgb(31 83 62 / 0.14);
  --bh-border-strong: #465A50;
  --bh-border-disabled: rgb(31 83 62 / 0.11);
  --bh-border-focus: #0E9F6E;
  --bh-border-input: rgb(31 83 62 / 0.18);
  --bh-border-brand-subtle: #6EE7B7;
  --bh-border-brand-strong: #047857;
  --bh-content-default: #111C18;
  --bh-content-subtle: #465A50;
  --bh-content-muted: #71877A;
  --bh-content-disabled: #9AAFA3;
  --bh-content-link: #047857;
  --bh-content-link-hover: #065F46;
  --bh-content-on-light: #111C18;
  --bh-content-on-brand: #FFFFFF;
  --bh-content-brand-default: #047857;
  --bh-content-brand-strong: #065F46;
  --bh-interactive-brand-default: #047857;
  --bh-interactive-brand-hover: #065F46;
  --bh-interactive-brand-pressed: #064E3B;
  --bh-interactive-brand-disabled: rgb(31 83 62 / 0.08);
  --bh-interactive-secondary-default: #F8FAF9;
  --bh-interactive-secondary-hover: #F1F5F3;
  --bh-interactive-secondary-pressed: #E7EEE9;
  --bh-interactive-secondary-disabled: rgb(31 83 62 / 0.08);
  --bh-interactive-soft-default: rgb(31 83 62 / 0.08);
  --bh-interactive-soft-hover: rgb(31 83 62 / 0.11);
  --bh-interactive-soft-pressed: rgb(31 83 62 / 0.14);
  --bh-interactive-soft-disabled: rgb(31 83 62 / 0.08);
  --bh-interactive-ghost-hover: rgb(31 83 62 / 0.05);
  --bh-interactive-ghost-pressed: rgb(31 83 62 / 0.08);
  --bh-interactive-ghost-active: rgb(31 83 62 / 0.08);
  --bh-interactive-outlined-hover: rgb(31 83 62 / 0.05);
  --bh-interactive-outlined-pressed: rgb(31 83 62 / 0.08);
  --bh-interactive-danger-disabled: rgb(31 83 62 / 0.08);
  --bh-interactive-danger-soft-disabled: rgb(31 83 62 / 0.08);
  --bh-interactive-input-disabled: rgb(31 83 62 / 0.05);
  --bh-interactive-input-soft: rgb(31 83 62 / 0.08);
  --bh-interactive-input-soft-disabled: rgb(31 83 62 / 0.05);
  --bh-interactive-switch-default: #CBD9D1;
  --bh-interactive-switch-hover: #B4C7BC;
  --bh-interactive-switch-disabled: rgb(31 83 62 / 0.08);
  --bh-interactive-switch-handle-disabled: #F8FAF9;
  --bh-interactive-checkbox-default: #047857;
  --bh-interactive-checkbox-hover: #065F46;
  --bh-interactive-radiobutton-default: #047857;
  --bh-interactive-radiobutton-hover: #065F46;
  --bh-interactive-table-header: rgb(31 83 62 / 0.05);
  --bh-interactive-indicator-default: #0E9F6E;
  --bh-chart-brand-default: #047857;
  --bh-chart-neutral-default: #CBD9D1;
  --accent: var(--bh-interactive-ghost-hover);
  --accent-foreground: var(--bh-content-default);
  --accent-hover: var(--bh-interactive-ghost-pressed);
  --background: var(--bh-bg-default);
  --border: var(--bh-border-default);
  --card: var(--bh-bg-raised);
  --card-foreground: var(--bh-content-default);
  --danger-ring: var(--bh-border-focus-danger);
  --destructive: var(--bh-interactive-danger-default);
  --destructive-foreground: var(--bh-content-on-color);
  --destructive-hover: var(--bh-interactive-danger-hover);
  --destructive-pressed: var(--bh-interactive-danger-pressed);
  --destructive-soft: var(--bh-interactive-danger-soft-default);
  --destructive-soft-foreground: var(--bh-content-danger-default);
  --destructive-soft-hover: var(--bh-interactive-danger-soft-hover);
  --destructive-soft-pressed: var(--bh-interactive-danger-soft-pressed);
  --foreground: var(--bh-content-default);
  --ghost: var(--bh-interactive-ghost-default);
  --ghost-hover: var(--bh-interactive-ghost-hover);
  --ghost-pressed: var(--bh-interactive-ghost-pressed);
  --input: var(--bh-border-input);
  --muted: var(--bh-bg-muted);
  --muted-foreground: var(--bh-content-muted);
  --outline: var(--bh-interactive-outlined-default);
  --outline-hover: var(--bh-interactive-outlined-hover);
  --outline-pressed: var(--bh-interactive-outlined-pressed);
  --popover: var(--bh-bg-raised);
  --popover-foreground: var(--bh-content-default);
  --primary: var(--bh-interactive-brand-default);
  --primary-foreground: var(--bh-content-on-brand);
  --primary-hover: var(--bh-interactive-brand-hover);
  --primary-pressed: var(--bh-interactive-brand-pressed);
  --ring: var(--bh-border-focus);
  --secondary: var(--bh-interactive-secondary-default);
  --secondary-foreground: var(--bh-content-default);
  --secondary-hover: var(--bh-interactive-secondary-hover);
  --secondary-pressed: var(--bh-interactive-secondary-pressed);
  --soft: var(--bh-interactive-soft-default);
  --soft-hover: var(--bh-interactive-soft-hover);
  --soft-pressed: var(--bh-interactive-soft-pressed);
  --success: var(--bh-bg-success-default);
  --success-foreground: var(--bh-content-on-color);
  --success-hover: var(--bh-bg-success-bold);
  --success-pressed: var(--bh-bg-success-strong);
  --warning: var(--bh-bg-warning-default);
  --warning-foreground: var(--bh-content-on-light);
  --warning-hover: var(--bh-bg-warning-bold);
  --warning-pressed: var(--bh-bg-warning-strong);
  --warning-soft: var(--bh-bg-warning-subtle);
  --warning-soft-foreground: var(--bh-content-warning-default);
  --warning-soft-hover: var(--bh-bg-warning-soft);
  --bh-pagination-active-bg: var(--bh-interactive-brand-default);
  --bh-pagination-active-border: var(--bh-border-subtle);
  --bh-pagination-active-content: var(--bh-content-on-brand);
  --bh-pagination-caption-content: var(--bh-content-subtle);
  --bh-pagination-control-content: var(--bh-content-default);
  --bh-pagination-control-ghost-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-control-ghost-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-control-ghost-pressed: var(--bh-interactive-ghost-pressed);
  --bh-pagination-control-soft-bg: var(--bh-interactive-soft-default);
  --bh-pagination-control-soft-hover: var(--bh-interactive-soft-hover);
  --bh-pagination-control-soft-pressed: var(--bh-interactive-soft-pressed);
  --bh-pagination-page-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-page-content: var(--bh-content-subtle);
  --bh-pagination-page-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-page-pressed: var(--bh-interactive-ghost-pressed);
  --bh-select-check-color: var(--bh-interactive-indicator-default);
  --bh-select-item-hover-bg: var(--bh-interactive-ghost-hover);
  --bh-select-menu-bg: var(--bh-bg-raised);
  --bh-select-menu-border: var(--bh-border-subtle);
  --bh-select-trigger-bg: var(--bh-interactive-input-default);
  --bh-select-trigger-bg-disabled: var(--bh-interactive-input-disabled);
  --bh-select-trigger-bg-soft: var(--bh-interactive-input-soft);
  --bh-select-trigger-border: var(--bh-border-input);
  --bh-select-trigger-border-disabled: var(--bh-border-disabled);
  --bh-select-trigger-border-error: var(--bh-border-danger-strong);
  --bh-select-trigger-border-focus: var(--bh-border-focus);
  --bh-select-trigger-icon-color: var(--bh-content-muted);
  --shadow-select-checkbox: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-checkbox-border, var(--bh-border-input)), var(--shadow-component-default);
  --shadow-select-danger-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-error, var(--bh-border-danger-strong)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus-danger) 30%, transparent);
  --shadow-select-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-focus, var(--bh-border-focus)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
  --shadow-select-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-component-default);
  --shadow-select-trigger: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-current, var(--bh-select-trigger-border)), var(--shadow-component-default);

}

[data-theme="purple"] {
  --bh-colors-brand-border-border-strong: #6D28D9;
  --bh-colors-brand-border-border-strong-dark: #7C3AED;
  --bh-colors-brand-border-border-subtle: #C4B5FD;
  --bh-colors-brand-border-border-subtle-dark: #4C1D95;
  --bh-colors-brand-checkbox-bg-default: #6D28D9;
  --bh-colors-brand-checkbox-bg-default-dark: #7C3AED;
  --bh-colors-brand-checkbox-bg-hover: #5B21B6;
  --bh-colors-brand-checkbox-bg-hover-dark: #6D28D9;
  --bh-colors-brand-color-on-brand-dark: #FFFFFF;
  --bh-colors-brand-color-on-brand-light: #FFFFFF;
  --bh-colors-brand-content-dark: #8B5CF6;
  --bh-colors-brand-content-light: #6D28D9;
  --bh-colors-brand-content-strong-dark: #A78BFA;
  --bh-colors-brand-content-strong-light: #5B21B6;
  --bh-colors-brand-focused-dark: #A78BFA;
  --bh-colors-brand-focused-light: #7C3AED;
  --bh-colors-brand-indicator: #7C3AED;
  --bh-colors-brand-indicator-dark: #8B5CF6;
  --bh-colors-brand-interactive-default: #6D28D9;
  --bh-colors-brand-interactive-default-dark: #7C3AED;
  --bh-colors-brand-interactive-hover: #5B21B6;
  --bh-colors-brand-interactive-hover-dark: #6D28D9;
  --bh-colors-brand-interactive-pressed: #4C1D95;
  --bh-colors-brand-interactive-pressed-dark: #7C3AED;
  --bh-colors-brand-link-dark: #8B5CF6;
  --bh-colors-brand-link-hover-dark: #A78BFA;
  --bh-colors-brand-link-hover-light: #5B21B6;
  --bh-colors-brand-link-light: #6D28D9;
  --bh-colors-brand-radiobutton-bg-default: #6D28D9;
  --bh-colors-brand-radiobutton-bg-default-dark: #7C3AED;
  --bh-colors-brand-radiobutton-bg-hover: #5B21B6;
  --bh-colors-brand-radiobutton-bg-hover-dark: #6D28D9;
  --bh-colors-brand-surface-base: #6D28D9;
  --bh-colors-brand-surface-base-dark: #7C3AED;
  --bh-colors-brand-surface-bold-dark: #6D28D9;
  --bh-colors-brand-surface-bold-light: #5B21B6;
  --bh-colors-brand-surface-soft-dark: #4C1D95;
  --bh-colors-brand-surface-soft-light: #EDE9FE;
  --bh-colors-brand-surface-strong-dark: #4C1D95;
  --bh-colors-brand-surface-strong-light: #4C1D95;
  --bh-colors-brand-surface-subtle-dark: rgb(124 58 237 / 0.1);
  --bh-colors-brand-surface-subtle-light: #F5F3FF;
  --bh-colors-neutral-100: #F5F1F8;
  --bh-colors-neutral-200: #EEE8F3;
  --bh-colors-neutral-300: #E7DFEE;
  --bh-colors-neutral-400: #D9CFE3;
  --bh-colors-neutral-50: #FAF9FC;
  --bh-colors-neutral-500: #C4B6D0;
  --bh-colors-neutral-600: #AA98B9;
  --bh-colors-neutral-700: #81708F;
  --bh-colors-neutral-800: #584963;
  --bh-colors-neutral-900: #302339;
  --bh-colors-neutral-950: #18121F;
  --bh-colors-neutral-alpha-100: rgb(89 54 126 / 0.08);
  --bh-colors-neutral-alpha-200: rgb(89 54 126 / 0.11);
  --bh-colors-neutral-alpha-300: rgb(89 54 126 / 0.14);
  --bh-colors-neutral-alpha-400: rgb(89 54 126 / 0.18);
  --bh-colors-neutral-alpha-50: rgb(89 54 126 / 0.05);
  --bh-colors-neutral-alpha-500: rgb(65 35 92 / 0.28);
  --bh-colors-neutral-alpha-dark-100: rgb(229 211 246 / 0.09);
  --bh-colors-neutral-alpha-dark-200: rgb(229 211 246 / 0.12);
  --bh-colors-neutral-alpha-dark-300: rgb(239 224 252 / 0.15);
  --bh-colors-neutral-alpha-dark-400: rgb(229 211 246 / 0.23);
  --bh-colors-neutral-alpha-dark-50: rgb(229 211 246 / 0.05);
  --bh-colors-neutral-alpha-dark-500: rgb(229 211 246 / 0.32);
  --bh-colors-neutral-dark-100: #15101B;
  --bh-colors-neutral-dark-200: #1D1625;
  --bh-colors-neutral-dark-300: #261D30;
  --bh-colors-neutral-dark-400: #392B45;
  --bh-colors-neutral-dark-50: #0D0912;
  --bh-colors-neutral-dark-500: #51425F;
  --bh-colors-neutral-dark-600: #625171;
  --bh-colors-neutral-dark-700: #81708F;
  --bh-colors-neutral-dark-800: #B1A4BE;
  --bh-colors-neutral-dark-900: #E7DFF0;
  --bh-colors-neutral-dark-950: #FCFAFF;
  --bh-bg-grouped: #F5F1F8;
  --bh-bg-default-hover: #FAF9FC;
  --bh-bg-subtle: #FAF9FC;
  --bh-bg-subtle-alpha: #FAF9FC;
  --bh-bg-subtle-hover: #F5F1F8;
  --bh-bg-muted: #F5F1F8;
  --bh-bg-muted-hover: #EEE8F3;
  --bh-bg-dim: #EEE8F3;
  --bh-bg-dim-hover: #E7DFEE;
  --bh-bg-raised-subtle: #FAF9FC;
  --bh-bg-raised-hover: #FAF9FC;
  --bh-bg-disabled: #FAF9FC;
  --bh-bg-inverse: #18121F;
  --bh-bg-always-dark: #302339;
  --bh-bg-divider: rgb(89 54 126 / 0.14);
  --bh-bg-brand-subtle: #F5F3FF;
  --bh-bg-brand-soft: #EDE9FE;
  --bh-bg-brand-default: #6D28D9;
  --bh-bg-brand-bold: #5B21B6;
  --bh-bg-brand-strong: #4C1D95;
  --bh-bg-neutral-subtle: rgb(89 54 126 / 0.08);
  --bh-bg-neutral-soft: rgb(89 54 126 / 0.11);
  --bh-bg-neutral-medium: #C4B6D0;
  --bh-bg-neutral-default: #81708F;
  --bh-bg-neutral-bold: #584963;
  --bh-border-default: rgb(89 54 126 / 0.18);
  --bh-border-subtle: rgb(89 54 126 / 0.14);
  --bh-border-strong: #584963;
  --bh-border-disabled: rgb(89 54 126 / 0.11);
  --bh-border-focus: #7C3AED;
  --bh-border-input: rgb(89 54 126 / 0.18);
  --bh-border-brand-subtle: #C4B5FD;
  --bh-border-brand-strong: #6D28D9;
  --bh-content-default: #18121F;
  --bh-content-subtle: #584963;
  --bh-content-muted: #81708F;
  --bh-content-disabled: #AA98B9;
  --bh-content-link: #6D28D9;
  --bh-content-link-hover: #5B21B6;
  --bh-content-on-light: #18121F;
  --bh-content-on-brand: #FFFFFF;
  --bh-content-brand-default: #6D28D9;
  --bh-content-brand-strong: #5B21B6;
  --bh-interactive-brand-default: #6D28D9;
  --bh-interactive-brand-hover: #5B21B6;
  --bh-interactive-brand-pressed: #4C1D95;
  --bh-interactive-brand-disabled: rgb(89 54 126 / 0.08);
  --bh-interactive-secondary-default: #FAF9FC;
  --bh-interactive-secondary-hover: #F5F1F8;
  --bh-interactive-secondary-pressed: #EEE8F3;
  --bh-interactive-secondary-disabled: rgb(89 54 126 / 0.08);
  --bh-interactive-soft-default: rgb(89 54 126 / 0.08);
  --bh-interactive-soft-hover: rgb(89 54 126 / 0.11);
  --bh-interactive-soft-pressed: rgb(89 54 126 / 0.14);
  --bh-interactive-soft-disabled: rgb(89 54 126 / 0.08);
  --bh-interactive-ghost-hover: rgb(89 54 126 / 0.05);
  --bh-interactive-ghost-pressed: rgb(89 54 126 / 0.08);
  --bh-interactive-ghost-active: rgb(89 54 126 / 0.08);
  --bh-interactive-outlined-hover: rgb(89 54 126 / 0.05);
  --bh-interactive-outlined-pressed: rgb(89 54 126 / 0.08);
  --bh-interactive-danger-disabled: rgb(89 54 126 / 0.08);
  --bh-interactive-danger-soft-disabled: rgb(89 54 126 / 0.08);
  --bh-interactive-input-disabled: rgb(89 54 126 / 0.05);
  --bh-interactive-input-soft: rgb(89 54 126 / 0.08);
  --bh-interactive-input-soft-disabled: rgb(89 54 126 / 0.05);
  --bh-interactive-switch-default: #D9CFE3;
  --bh-interactive-switch-hover: #C4B6D0;
  --bh-interactive-switch-disabled: rgb(89 54 126 / 0.08);
  --bh-interactive-switch-handle-disabled: #FAF9FC;
  --bh-interactive-checkbox-default: #6D28D9;
  --bh-interactive-checkbox-hover: #5B21B6;
  --bh-interactive-radiobutton-default: #6D28D9;
  --bh-interactive-radiobutton-hover: #5B21B6;
  --bh-interactive-table-header: rgb(89 54 126 / 0.05);
  --bh-interactive-indicator-default: #7C3AED;
  --bh-chart-brand-default: #6D28D9;
  --bh-chart-neutral-default: #D9CFE3;
  --accent: var(--bh-interactive-ghost-hover);
  --accent-foreground: var(--bh-content-default);
  --accent-hover: var(--bh-interactive-ghost-pressed);
  --background: var(--bh-bg-default);
  --border: var(--bh-border-default);
  --card: var(--bh-bg-raised);
  --card-foreground: var(--bh-content-default);
  --danger-ring: var(--bh-border-focus-danger);
  --destructive: var(--bh-interactive-danger-default);
  --destructive-foreground: var(--bh-content-on-color);
  --destructive-hover: var(--bh-interactive-danger-hover);
  --destructive-pressed: var(--bh-interactive-danger-pressed);
  --destructive-soft: var(--bh-interactive-danger-soft-default);
  --destructive-soft-foreground: var(--bh-content-danger-default);
  --destructive-soft-hover: var(--bh-interactive-danger-soft-hover);
  --destructive-soft-pressed: var(--bh-interactive-danger-soft-pressed);
  --foreground: var(--bh-content-default);
  --ghost: var(--bh-interactive-ghost-default);
  --ghost-hover: var(--bh-interactive-ghost-hover);
  --ghost-pressed: var(--bh-interactive-ghost-pressed);
  --input: var(--bh-border-input);
  --muted: var(--bh-bg-muted);
  --muted-foreground: var(--bh-content-muted);
  --outline: var(--bh-interactive-outlined-default);
  --outline-hover: var(--bh-interactive-outlined-hover);
  --outline-pressed: var(--bh-interactive-outlined-pressed);
  --popover: var(--bh-bg-raised);
  --popover-foreground: var(--bh-content-default);
  --primary: var(--bh-interactive-brand-default);
  --primary-foreground: var(--bh-content-on-brand);
  --primary-hover: var(--bh-interactive-brand-hover);
  --primary-pressed: var(--bh-interactive-brand-pressed);
  --ring: var(--bh-border-focus);
  --secondary: var(--bh-interactive-secondary-default);
  --secondary-foreground: var(--bh-content-default);
  --secondary-hover: var(--bh-interactive-secondary-hover);
  --secondary-pressed: var(--bh-interactive-secondary-pressed);
  --soft: var(--bh-interactive-soft-default);
  --soft-hover: var(--bh-interactive-soft-hover);
  --soft-pressed: var(--bh-interactive-soft-pressed);
  --success: var(--bh-bg-success-default);
  --success-foreground: var(--bh-content-on-color);
  --success-hover: var(--bh-bg-success-bold);
  --success-pressed: var(--bh-bg-success-strong);
  --warning: var(--bh-bg-warning-default);
  --warning-foreground: var(--bh-content-on-light);
  --warning-hover: var(--bh-bg-warning-bold);
  --warning-pressed: var(--bh-bg-warning-strong);
  --warning-soft: var(--bh-bg-warning-subtle);
  --warning-soft-foreground: var(--bh-content-warning-default);
  --warning-soft-hover: var(--bh-bg-warning-soft);
  --bh-pagination-active-bg: var(--bh-interactive-brand-default);
  --bh-pagination-active-border: var(--bh-border-subtle);
  --bh-pagination-active-content: var(--bh-content-on-brand);
  --bh-pagination-caption-content: var(--bh-content-subtle);
  --bh-pagination-control-content: var(--bh-content-default);
  --bh-pagination-control-ghost-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-control-ghost-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-control-ghost-pressed: var(--bh-interactive-ghost-pressed);
  --bh-pagination-control-soft-bg: var(--bh-interactive-soft-default);
  --bh-pagination-control-soft-hover: var(--bh-interactive-soft-hover);
  --bh-pagination-control-soft-pressed: var(--bh-interactive-soft-pressed);
  --bh-pagination-page-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-page-content: var(--bh-content-subtle);
  --bh-pagination-page-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-page-pressed: var(--bh-interactive-ghost-pressed);
  --bh-select-check-color: var(--bh-interactive-indicator-default);
  --bh-select-item-hover-bg: var(--bh-interactive-ghost-hover);
  --bh-select-menu-bg: var(--bh-bg-raised);
  --bh-select-menu-border: var(--bh-border-subtle);
  --bh-select-trigger-bg: var(--bh-interactive-input-default);
  --bh-select-trigger-bg-disabled: var(--bh-interactive-input-disabled);
  --bh-select-trigger-bg-soft: var(--bh-interactive-input-soft);
  --bh-select-trigger-border: var(--bh-border-input);
  --bh-select-trigger-border-disabled: var(--bh-border-disabled);
  --bh-select-trigger-border-error: var(--bh-border-danger-strong);
  --bh-select-trigger-border-focus: var(--bh-border-focus);
  --bh-select-trigger-icon-color: var(--bh-content-muted);
  --shadow-select-checkbox: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-checkbox-border, var(--bh-border-input)), var(--shadow-component-default);
  --shadow-select-danger-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-error, var(--bh-border-danger-strong)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus-danger) 30%, transparent);
  --shadow-select-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-focus, var(--bh-border-focus)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
  --shadow-select-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-component-default);
  --shadow-select-trigger: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-current, var(--bh-select-trigger-border)), var(--shadow-component-default);

}

[data-theme="teal"] {
  --bh-colors-brand-border-border-strong: #0F766E;
  --bh-colors-brand-border-border-strong-dark: #0E8278;
  --bh-colors-brand-border-border-subtle: #5EEAD4;
  --bh-colors-brand-border-border-subtle-dark: #134E4A;
  --bh-colors-brand-checkbox-bg-default: #0F766E;
  --bh-colors-brand-checkbox-bg-default-dark: #0E8278;
  --bh-colors-brand-checkbox-bg-hover: #115E59;
  --bh-colors-brand-checkbox-bg-hover-dark: #115E59;
  --bh-colors-brand-color-on-brand-dark: #FFFFFF;
  --bh-colors-brand-color-on-brand-light: #FFFFFF;
  --bh-colors-brand-content-dark: #14B8A6;
  --bh-colors-brand-content-light: #0F766E;
  --bh-colors-brand-content-strong-dark: #5EEAD4;
  --bh-colors-brand-content-strong-light: #115E59;
  --bh-colors-brand-focused-dark: #5EEAD4;
  --bh-colors-brand-focused-light: #0D9488;
  --bh-colors-brand-indicator: #0D9488;
  --bh-colors-brand-indicator-dark: #14B8A6;
  --bh-colors-brand-interactive-default: #0F766E;
  --bh-colors-brand-interactive-default-dark: #0E8278;
  --bh-colors-brand-interactive-hover: #115E59;
  --bh-colors-brand-interactive-hover-dark: #115E59;
  --bh-colors-brand-interactive-pressed: #134E4A;
  --bh-colors-brand-interactive-pressed-dark: #0E8278;
  --bh-colors-brand-link-dark: #14B8A6;
  --bh-colors-brand-link-hover-dark: #5EEAD4;
  --bh-colors-brand-link-hover-light: #115E59;
  --bh-colors-brand-link-light: #0F766E;
  --bh-colors-brand-radiobutton-bg-default: #0F766E;
  --bh-colors-brand-radiobutton-bg-default-dark: #0E8278;
  --bh-colors-brand-radiobutton-bg-hover: #115E59;
  --bh-colors-brand-radiobutton-bg-hover-dark: #115E59;
  --bh-colors-brand-surface-base: #0F766E;
  --bh-colors-brand-surface-base-dark: #0E8278;
  --bh-colors-brand-surface-bold-dark: #0F766E;
  --bh-colors-brand-surface-bold-light: #115E59;
  --bh-colors-brand-surface-soft-dark: #134E4A;
  --bh-colors-brand-surface-soft-light: #CCFBF1;
  --bh-colors-brand-surface-strong-dark: #134E4A;
  --bh-colors-brand-surface-strong-light: #134E4A;
  --bh-colors-brand-surface-subtle-dark: rgb(13 148 136 / 0.1);
  --bh-colors-brand-surface-subtle-light: #F0FDFA;
  --bh-colors-neutral-100: #F2F4F5;
  --bh-colors-neutral-200: #EBEEF0;
  --bh-colors-neutral-300: #E6EBF0;
  --bh-colors-neutral-400: #D8E0E8;
  --bh-colors-neutral-50: #F9FBFC;
  --bh-colors-neutral-500: #C3D0DE;
  --bh-colors-neutral-600: #ABB8C7;
  --bh-colors-neutral-700: #7F8C9E;
  --bh-colors-neutral-800: #4E596E;
  --bh-colors-neutral-900: #232F40;
  --bh-colors-neutral-950: #101B2E;
  --bh-colors-neutral-alpha-100: rgb(88 123 140 / 0.1);
  --bh-colors-neutral-alpha-200: rgb(88 123 140 / 0.13);
  --bh-colors-neutral-alpha-300: rgb(55 83 122 / 0.13);
  --bh-colors-neutral-alpha-400: rgb(22 64 112 / 0.15);
  --bh-colors-neutral-alpha-50: rgb(88 123 140 / 0.07);
  --bh-colors-neutral-alpha-500: rgb(24 68 120 / 0.25);
  --bh-colors-neutral-alpha-dark-100: rgb(195 216 247 / 0.09);
  --bh-colors-neutral-alpha-dark-200: rgb(195 216 247 / 0.11);
  --bh-colors-neutral-alpha-dark-300: rgb(217 229 247 / 0.13);
  --bh-colors-neutral-alpha-dark-400: rgb(195 216 247 / 0.23);
  --bh-colors-neutral-alpha-dark-50: rgb(195 216 247 / 0.05);
  --bh-colors-neutral-alpha-dark-500: rgb(198 219 247 / 0.3);
  --bh-colors-neutral-dark-100: #121721;
  --bh-colors-neutral-dark-200: #181F29;
  --bh-colors-neutral-dark-300: #1F252E;
  --bh-colors-neutral-dark-400: #2E3742;
  --bh-colors-neutral-dark-50: #0B111A;
  --bh-colors-neutral-dark-500: #434E5C;
  --bh-colors-neutral-dark-600: #515E6E;
  --bh-colors-neutral-dark-700: #6F7E8F;
  --bh-colors-neutral-dark-800: #98A5B5;
  --bh-colors-neutral-dark-900: #DDE5EB;
  --bh-colors-neutral-dark-950: #FAFBFC;
  --bh-bg-grouped: #F2F4F5;
  --bh-bg-default-hover: #F9FBFC;
  --bh-bg-subtle: #F9FBFC;
  --bh-bg-subtle-alpha: #F9FBFC;
  --bh-bg-subtle-hover: #F2F4F5;
  --bh-bg-muted: #F2F4F5;
  --bh-bg-muted-hover: #EBEEF0;
  --bh-bg-dim: #EBEEF0;
  --bh-bg-dim-hover: #E6EBF0;
  --bh-bg-raised-subtle: #F9FBFC;
  --bh-bg-raised-hover: #F9FBFC;
  --bh-bg-disabled: #F9FBFC;
  --bh-bg-inverse: #101B2E;
  --bh-bg-always-dark: #232F40;
  --bh-bg-divider: rgb(55 83 122 / 0.13);
  --bh-bg-brand-subtle: #F0FDFA;
  --bh-bg-brand-soft: #CCFBF1;
  --bh-bg-brand-default: #0F766E;
  --bh-bg-brand-bold: #115E59;
  --bh-bg-brand-strong: #134E4A;
  --bh-bg-neutral-subtle: rgb(88 123 140 / 0.1);
  --bh-bg-neutral-soft: rgb(88 123 140 / 0.13);
  --bh-bg-neutral-medium: #C3D0DE;
  --bh-bg-neutral-default: #7F8C9E;
  --bh-bg-neutral-bold: #4E596E;
  --bh-border-default: rgb(22 64 112 / 0.15);
  --bh-border-subtle: rgb(55 83 122 / 0.13);
  --bh-border-strong: #4E596E;
  --bh-border-disabled: rgb(88 123 140 / 0.13);
  --bh-border-focus: #0D9488;
  --bh-border-input: rgb(22 64 112 / 0.15);
  --bh-border-brand-subtle: #5EEAD4;
  --bh-border-brand-strong: #0F766E;
  --bh-content-default: #101B2E;
  --bh-content-subtle: #4E596E;
  --bh-content-muted: #7F8C9E;
  --bh-content-disabled: #ABB8C7;
  --bh-content-link: #0F766E;
  --bh-content-link-hover: #115E59;
  --bh-content-on-light: #101B2E;
  --bh-content-on-brand: #FFFFFF;
  --bh-content-brand-default: #0F766E;
  --bh-content-brand-strong: #115E59;
  --bh-interactive-brand-default: #0F766E;
  --bh-interactive-brand-hover: #115E59;
  --bh-interactive-brand-pressed: #134E4A;
  --bh-interactive-brand-disabled: rgb(88 123 140 / 0.1);
  --bh-interactive-secondary-default: #F9FBFC;
  --bh-interactive-secondary-hover: #F2F4F5;
  --bh-interactive-secondary-pressed: #EBEEF0;
  --bh-interactive-secondary-disabled: rgb(88 123 140 / 0.1);
  --bh-interactive-soft-default: rgb(88 123 140 / 0.1);
  --bh-interactive-soft-hover: rgb(88 123 140 / 0.13);
  --bh-interactive-soft-pressed: rgb(55 83 122 / 0.13);
  --bh-interactive-soft-disabled: rgb(88 123 140 / 0.1);
  --bh-interactive-ghost-hover: rgb(88 123 140 / 0.07);
  --bh-interactive-ghost-pressed: rgb(88 123 140 / 0.1);
  --bh-interactive-ghost-active: rgb(88 123 140 / 0.1);
  --bh-interactive-outlined-hover: rgb(88 123 140 / 0.07);
  --bh-interactive-outlined-pressed: rgb(88 123 140 / 0.1);
  --bh-interactive-danger-disabled: rgb(88 123 140 / 0.1);
  --bh-interactive-danger-soft-disabled: rgb(88 123 140 / 0.1);
  --bh-interactive-input-disabled: rgb(88 123 140 / 0.07);
  --bh-interactive-input-soft: rgb(88 123 140 / 0.1);
  --bh-interactive-input-soft-disabled: rgb(88 123 140 / 0.07);
  --bh-interactive-switch-default: #D8E0E8;
  --bh-interactive-switch-hover: #C3D0DE;
  --bh-interactive-switch-disabled: rgb(88 123 140 / 0.1);
  --bh-interactive-switch-handle-disabled: #F9FBFC;
  --bh-interactive-checkbox-default: #0F766E;
  --bh-interactive-checkbox-hover: #115E59;
  --bh-interactive-radiobutton-default: #0F766E;
  --bh-interactive-radiobutton-hover: #115E59;
  --bh-interactive-table-header: rgb(88 123 140 / 0.07);
  --bh-interactive-indicator-default: #0D9488;
  --bh-chart-brand-default: #0F766E;
  --bh-chart-neutral-default: #D8E0E8;
  --accent: var(--bh-interactive-ghost-hover);
  --accent-foreground: var(--bh-content-default);
  --accent-hover: var(--bh-interactive-ghost-pressed);
  --background: var(--bh-bg-default);
  --border: var(--bh-border-default);
  --card: var(--bh-bg-raised);
  --card-foreground: var(--bh-content-default);
  --danger-ring: var(--bh-border-focus-danger);
  --destructive: var(--bh-interactive-danger-default);
  --destructive-foreground: var(--bh-content-on-color);
  --destructive-hover: var(--bh-interactive-danger-hover);
  --destructive-pressed: var(--bh-interactive-danger-pressed);
  --destructive-soft: var(--bh-interactive-danger-soft-default);
  --destructive-soft-foreground: var(--bh-content-danger-default);
  --destructive-soft-hover: var(--bh-interactive-danger-soft-hover);
  --destructive-soft-pressed: var(--bh-interactive-danger-soft-pressed);
  --foreground: var(--bh-content-default);
  --ghost: var(--bh-interactive-ghost-default);
  --ghost-hover: var(--bh-interactive-ghost-hover);
  --ghost-pressed: var(--bh-interactive-ghost-pressed);
  --input: var(--bh-border-input);
  --muted: var(--bh-bg-muted);
  --muted-foreground: var(--bh-content-muted);
  --outline: var(--bh-interactive-outlined-default);
  --outline-hover: var(--bh-interactive-outlined-hover);
  --outline-pressed: var(--bh-interactive-outlined-pressed);
  --popover: var(--bh-bg-raised);
  --popover-foreground: var(--bh-content-default);
  --primary: var(--bh-interactive-brand-default);
  --primary-foreground: var(--bh-content-on-brand);
  --primary-hover: var(--bh-interactive-brand-hover);
  --primary-pressed: var(--bh-interactive-brand-pressed);
  --ring: var(--bh-border-focus);
  --secondary: var(--bh-interactive-secondary-default);
  --secondary-foreground: var(--bh-content-default);
  --secondary-hover: var(--bh-interactive-secondary-hover);
  --secondary-pressed: var(--bh-interactive-secondary-pressed);
  --soft: var(--bh-interactive-soft-default);
  --soft-hover: var(--bh-interactive-soft-hover);
  --soft-pressed: var(--bh-interactive-soft-pressed);
  --success: var(--bh-bg-success-default);
  --success-foreground: var(--bh-content-on-color);
  --success-hover: var(--bh-bg-success-bold);
  --success-pressed: var(--bh-bg-success-strong);
  --warning: var(--bh-bg-warning-default);
  --warning-foreground: var(--bh-content-on-light);
  --warning-hover: var(--bh-bg-warning-bold);
  --warning-pressed: var(--bh-bg-warning-strong);
  --warning-soft: var(--bh-bg-warning-subtle);
  --warning-soft-foreground: var(--bh-content-warning-default);
  --warning-soft-hover: var(--bh-bg-warning-soft);
  --bh-pagination-active-bg: var(--bh-interactive-brand-default);
  --bh-pagination-active-border: var(--bh-border-subtle);
  --bh-pagination-active-content: var(--bh-content-on-brand);
  --bh-pagination-caption-content: var(--bh-content-subtle);
  --bh-pagination-control-content: var(--bh-content-default);
  --bh-pagination-control-ghost-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-control-ghost-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-control-ghost-pressed: var(--bh-interactive-ghost-pressed);
  --bh-pagination-control-soft-bg: var(--bh-interactive-soft-default);
  --bh-pagination-control-soft-hover: var(--bh-interactive-soft-hover);
  --bh-pagination-control-soft-pressed: var(--bh-interactive-soft-pressed);
  --bh-pagination-page-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-page-content: var(--bh-content-subtle);
  --bh-pagination-page-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-page-pressed: var(--bh-interactive-ghost-pressed);
  --bh-select-check-color: var(--bh-interactive-indicator-default);
  --bh-select-item-hover-bg: var(--bh-interactive-ghost-hover);
  --bh-select-menu-bg: var(--bh-bg-raised);
  --bh-select-menu-border: var(--bh-border-subtle);
  --bh-select-trigger-bg: var(--bh-interactive-input-default);
  --bh-select-trigger-bg-disabled: var(--bh-interactive-input-disabled);
  --bh-select-trigger-bg-soft: var(--bh-interactive-input-soft);
  --bh-select-trigger-border: var(--bh-border-input);
  --bh-select-trigger-border-disabled: var(--bh-border-disabled);
  --bh-select-trigger-border-error: var(--bh-border-danger-strong);
  --bh-select-trigger-border-focus: var(--bh-border-focus);
  --bh-select-trigger-icon-color: var(--bh-content-muted);
  --shadow-select-checkbox: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-checkbox-border, var(--bh-border-input)), var(--shadow-component-default);
  --shadow-select-danger-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-error, var(--bh-border-danger-strong)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus-danger) 30%, transparent);
  --shadow-select-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-focus, var(--bh-border-focus)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
  --shadow-select-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-component-default);
  --shadow-select-trigger: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-current, var(--bh-select-trigger-border)), var(--shadow-component-default);

}

/* End Banhaten brand theme light token modes. */

.dark,
.dark[data-theme="blue"],
.dark [data-theme="blue"] {
  --bh-alpha-alpha-transparent: rgb(14 13 13 / 0);
  --bh-alpha-alpha-transparent-to-100: rgb(217 229 247 / 0.13);
  --bh-alpha-alpha-transparent-to-500: rgb(198 219 247 / 0.3);
  --bh-bg-accent-amber-default: #CD6103;
  --bh-bg-accent-amber-soft: #652C07;
  --bh-bg-accent-amber-subtle: rgb(238 115 0 / 0.1);
  --bh-bg-accent-aqua-default: #03A980;
  --bh-bg-accent-aqua-soft: #043F33;
  --bh-bg-accent-aqua-subtle: rgb(3 169 128 / 0.1);
  --bh-bg-accent-blue-default: #3276FF;
  --bh-bg-accent-blue-soft: #0A1B63;
  --bh-bg-accent-blue-subtle: rgb(50 118 255 / 0.1);
  --bh-bg-accent-fuchsia-default: #E703EB;
  --bh-bg-accent-fuchsia-soft: #500659;
  --bh-bg-accent-fuchsia-subtle: rgb(231 3 235 / 0.1);
  --bh-bg-accent-golden-bold: #F7C407;
  --bh-bg-accent-golden-default: #E5AB08;
  --bh-bg-accent-golden-soft: #603B03;
  --bh-bg-accent-golden-subtle: rgb(229 171 8 / 0.1);
  --bh-bg-accent-green-default: #0BAE45;
  --bh-bg-accent-green-soft: #043F18;
  --bh-bg-accent-green-subtle: rgb(11 174 69 / 0.1);
  --bh-bg-accent-lime-default: #8EB903;
  --bh-bg-accent-lime-soft: #384C03;
  --bh-bg-accent-lime-subtle: rgb(142 185 3 / 0.1);
  --bh-bg-accent-purple-default: #A135FA;
  --bh-bg-accent-purple-soft: #340865;
  --bh-bg-accent-purple-subtle: rgb(182 92 255 / 0.1);
  --bh-bg-accent-red-default: #CA1224;
  --bh-bg-accent-red-soft: #5C0810;
  --bh-bg-accent-red-subtle: rgb(232 23 44 / 0.1);
  --bh-bg-accent-rose-default: #F01071;
  --bh-bg-accent-rose-soft: #60082B;
  --bh-bg-accent-rose-subtle: rgb(240 16 113 / 0.1);
  --bh-bg-accent-sky-base: #059FE5;
  --bh-bg-accent-sky-soft: #073D5B;
  --bh-bg-accent-sky-subtle: rgb(5 159 229 / 0.1);
  --bh-bg-always-dark: #181F29;
  --bh-bg-always-white: #FFFFFF;
  --bh-bg-backdrop: rgb(0 0 0 / 0.5);
  --bh-bg-brand-bold: #1D49BF;
  --bh-bg-brand-default: #245DED;
  --bh-bg-brand-soft: #11318F;
  --bh-bg-brand-strong: #11318F;
  --bh-bg-brand-subtle: rgb(50 118 255 / 0.1);
  --bh-bg-danger-default: #CA1224;
  --bh-bg-danger-soft: #820A16;
  --bh-bg-danger-subtle: rgb(232 23 44 / 0.1);
  --bh-bg-default: #0B111A;
  --bh-bg-default-hover: #121721;
  --bh-bg-dim: #1F252E;
  --bh-bg-dim-hover: #2E3742;
  --bh-bg-disabled: rgb(195 216 247 / 0.05);
  --bh-bg-divider: rgb(195 216 247 / 0.11);
  --bh-bg-grouped: #0B111A;
  --bh-bg-grouped-surface: #181F29;
  --bh-bg-info-bold: #3276FF;
  --bh-bg-info-default: #245DED;
  --bh-bg-info-soft: #11318F;
  --bh-bg-info-strong: #5B97FF;
  --bh-bg-info-subtle: rgb(50 118 255 / 0.1);
  --bh-bg-inverse: #FAFBFC;
  --bh-bg-muted: #181F29;
  --bh-bg-muted-hover: #1F252E;
  --bh-bg-neutral-bold: #98A5B5;
  --bh-bg-neutral-default: #6F7E8F;
  --bh-bg-neutral-medium: #434E5C;
  --bh-bg-neutral-soft: rgb(195 216 247 / 0.11);
  --bh-bg-neutral-subtle: rgb(195 216 247 / 0.09);
  --bh-bg-raised: #121721;
  --bh-bg-raised-hover: #181F29;
  --bh-bg-raised-subtle: #0B111A;
  --bh-bg-subtle: #121721;
  --bh-bg-subtle-alpha: rgb(195 216 247 / 0.05);
  --bh-bg-subtle-hover: #181F29;
  --bh-bg-success-bold: #0BAE45;
  --bh-bg-success-default: #039536;
  --bh-bg-success-soft: #075622;
  --bh-bg-success-strong: #2CC863;
  --bh-bg-success-subtle: rgb(11 174 69 / 0.1);
  --bh-bg-warning-bold: #EE7300;
  --bh-bg-warning-default: #CD6103;
  --bh-bg-warning-soft: #863E07;
  --bh-bg-warning-strong: #FFA136;
  --bh-bg-warning-subtle: rgb(238 115 0 / 0.1);
  --bh-border-accent-amber-strong: #EE7300;
  --bh-border-accent-amber-subtle: #863E07;
  --bh-border-accent-aqua-strong: #03A980;
  --bh-border-accent-aqua-subtle: #075443;
  --bh-border-accent-blue-strong: #3276FF;
  --bh-border-accent-blue-subtle: rgb(50 118 255 / 0.25);
  --bh-border-accent-fuchsia-strong: #E703EB;
  --bh-border-accent-fuchsia-subtle: #6D0776;
  --bh-border-accent-golden-strong: #E5AB08;
  --bh-border-accent-golden-subtle: #7E4F03;
  --bh-border-accent-green-strong: #0BAE45;
  --bh-border-accent-green-subtle: rgb(11 174 69 / 0.2);
  --bh-border-accent-lime-strong: #8EB903;
  --bh-border-accent-lime-subtle: #4E6503;
  --bh-border-accent-purple-strong: #A135FA;
  --bh-border-accent-purple-subtle: #4A0B87;
  --bh-border-accent-red-strong: #E8172C;
  --bh-border-accent-red-subtle: rgb(232 23 44 / 0.2);
  --bh-border-accent-rose-strong: #F01071;
  --bh-border-accent-rose-subtle: #810838;
  --bh-border-accent-sky-strong: #059FE5;
  --bh-border-accent-sky-subtle: #03537E;
  --bh-border-brand-strong: #3276FF;
  --bh-border-brand-subtle: #11318F;
  --bh-border-danger-strong: #E8172C;
  --bh-border-danger-subtle: #820A16;
  --bh-border-default: rgb(195 216 247 / 0.23);
  --bh-border-disabled: rgb(195 216 247 / 0.11);
  --bh-border-focus: #8DBDFF;
  --bh-border-focus-danger: #FF96A1;
  --bh-border-info-strong: #3276FF;
  --bh-border-info-subtle: #11318F;
  --bh-border-input: rgb(195 216 247 / 0.23);
  --bh-border-inverse: #0B111A;
  --bh-border-inverse-subtle: rgb(255 255 255 / 0.1);
  --bh-border-strong: #98A5B5;
  --bh-border-subtle: rgb(195 216 247 / 0.11);
  --bh-border-success-strong: #0BAE45;
  --bh-border-success-subtle: #075622;
  --bh-border-warning-strong: #EE7300;
  --bh-border-warning-subtle: #863E07;
  --bh-chart-brand-default: #3276FF;
  --bh-chart-categorical-1: #0C85C3;
  --bh-chart-categorical-2: #D097FF;
  --bh-chart-categorical-3: #FFA136;
  --bh-chart-categorical-4: #FF4F9B;
  --bh-chart-categorical-5: #BBDAFF;
  --bh-chart-categorical-6: #A135FA;
  --bh-chart-categorical-7: #FFB9D7;
  --bh-chart-categorical-8: #FFC369;
  --bh-chart-neutral-default: #2E3742;
  --bh-content-accent-amber-default: #EE7300;
  --bh-content-accent-amber-strong: #FFA136;
  --bh-content-accent-aqua-default: #03A980;
  --bh-content-accent-aqua-strong: #2CC8A1;
  --bh-content-accent-blue-default: #3276FF;
  --bh-content-accent-blue-strong: #5B97FF;
  --bh-content-accent-fuchsia-default: #E703EB;
  --bh-content-accent-fuchsia-strong: #FC54FF;
  --bh-content-accent-golden-default: #E5AB08;
  --bh-content-accent-golden-strong: #F7C407;
  --bh-content-accent-green-default: #0BAE45;
  --bh-content-accent-green-strong: #2CC863;
  --bh-content-accent-lime-default: #8EB903;
  --bh-content-accent-lime-strong: #A4D10E;
  --bh-content-accent-purple-default: #A135FA;
  --bh-content-accent-purple-strong: #B65CFF;
  --bh-content-accent-red-default: #E8172C;
  --bh-content-accent-red-strong: #FC5666;
  --bh-content-accent-rose-default: #F01071;
  --bh-content-accent-rose-strong: #FF4F9B;
  --bh-content-accent-sky-default: #059FE5;
  --bh-content-accent-sky-strong: #1BB6FC;
  --bh-content-brand-default: #3276FF;
  --bh-content-brand-strong: #5B97FF;
  --bh-content-danger-default: #E8172C;
  --bh-content-danger-strong: #FC5666;
  --bh-content-default: #FAFBFC;
  --bh-content-disabled: #434E5C;
  --bh-content-information-default: #3276FF;
  --bh-content-information-strong: #5B97FF;
  --bh-content-inverse: #0B111A;
  --bh-content-link: #3276FF;
  --bh-content-link-hover: #5B97FF;
  --bh-content-muted: #6F7E8F;
  --bh-content-on-brand: #FFFFFF;
  --bh-content-on-color: #FFFFFF;
  --bh-content-on-light: #0B111A;
  --bh-content-subtle: #98A5B5;
  --bh-content-success-default: #0BAE45;
  --bh-content-success-strong: #51E585;
  --bh-content-warning-default: #EE7300;
  --bh-content-warning-strong: #FFA136;
  --bh-interactive-brand-default: #245DED;
  --bh-interactive-brand-disabled: rgb(195 216 247 / 0.09);
  --bh-interactive-brand-hover: #3276FF;
  --bh-interactive-brand-pressed: #245DED;
  --bh-interactive-checkbox-default: #3276FF;
  --bh-interactive-checkbox-hover: #245DED;
  --bh-interactive-danger-default: #CA1224;
  --bh-interactive-danger-disabled: rgb(195 216 247 / 0.09);
  --bh-interactive-danger-hover: #A60C1B;
  --bh-interactive-danger-pressed: #CA1224;
  --bh-interactive-danger-soft-default: rgb(232 23 44 / 0.15);
  --bh-interactive-danger-soft-disabled: rgb(195 216 247 / 0.09);
  --bh-interactive-danger-soft-hover: rgb(232 23 44 / 0.2);
  --bh-interactive-danger-soft-pressed: rgb(232 23 44 / 0.15);
  --bh-interactive-ghost-active: rgb(195 216 247 / 0.09);
  --bh-interactive-ghost-default: rgb(255 255 255 / 0);
  --bh-interactive-ghost-disabled: rgb(255 255 255 / 0);
  --bh-interactive-ghost-hover: rgb(195 216 247 / 0.05);
  --bh-interactive-ghost-pressed: rgb(195 216 247 / 0.09);
  --bh-interactive-indicator-default: #3276FF;
  --bh-interactive-input-default: rgb(195 216 247 / 0.05);
  --bh-interactive-input-disabled: rgb(195 216 247 / 0.05);
  --bh-interactive-input-soft: rgb(195 216 247 / 0.09);
  --bh-interactive-input-soft-disabled: rgb(195 216 247 / 0.05);
  --bh-interactive-outlined-default: rgb(255 255 255 / 0);
  --bh-interactive-outlined-disabled: rgb(255 255 255 / 0);
  --bh-interactive-outlined-hover: rgb(195 216 247 / 0.05);
  --bh-interactive-outlined-pressed: rgb(195 216 247 / 0.09);
  --bh-interactive-radiobutton-default: #3276FF;
  --bh-interactive-radiobutton-hover: #245DED;
  --bh-interactive-secondary-default: rgb(195 216 247 / 0.05);
  --bh-interactive-secondary-disabled: rgb(195 216 247 / 0.09);
  --bh-interactive-secondary-hover: rgb(195 216 247 / 0.09);
  --bh-interactive-secondary-pressed: rgb(195 216 247 / 0.11);
  --bh-interactive-soft-default: rgb(195 216 247 / 0.09);
  --bh-interactive-soft-disabled: rgb(195 216 247 / 0.09);
  --bh-interactive-soft-hover: rgb(195 216 247 / 0.11);
  --bh-interactive-soft-pressed: rgb(217 229 247 / 0.13);
  --bh-interactive-switch-active: #0BAE45;
  --bh-interactive-switch-active-disabled: rgb(11 174 69 / 0.25);
  --bh-interactive-switch-active-hover: #039536;
  --bh-interactive-switch-default: rgb(195 216 247 / 0.23);
  --bh-interactive-switch-disabled: rgb(195 216 247 / 0.09);
  --bh-interactive-switch-handle: #FFFFFF;
  --bh-interactive-switch-handle-disabled: rgb(217 229 247 / 0.13);
  --bh-interactive-switch-hover: rgb(198 219 247 / 0.3);
  --bh-interactive-table-header: rgb(195 216 247 / 0.05);
  --background: var(--bh-bg-default);
  --foreground: var(--bh-content-default);
  --card: var(--bh-bg-raised);
  --card-foreground: var(--bh-content-default);
  --popover: var(--bh-bg-raised);
  --popover-foreground: var(--bh-content-default);
  --primary: var(--bh-interactive-brand-default);
  --primary-hover: var(--bh-interactive-brand-hover);
  --primary-pressed: var(--bh-interactive-brand-pressed);
  --primary-foreground: var(--bh-content-on-brand);
  --secondary: var(--bh-interactive-secondary-default);
  --secondary-hover: var(--bh-interactive-secondary-hover);
  --secondary-pressed: var(--bh-interactive-secondary-pressed);
  --secondary-foreground: var(--bh-content-default);
  --muted: var(--bh-bg-muted);
  --muted-foreground: var(--bh-content-muted);
  --accent: var(--bh-interactive-ghost-hover);
  --accent-hover: var(--bh-interactive-ghost-pressed);
  --accent-foreground: var(--bh-content-default);
  --success: var(--bh-bg-success-default);
  --success-hover: var(--bh-bg-success-bold);
  --success-pressed: var(--bh-bg-success-strong);
  --success-foreground: var(--bh-content-on-color);
  --warning: var(--bh-bg-warning-default);
  --warning-hover: var(--bh-bg-warning-bold);
  --warning-pressed: var(--bh-bg-warning-strong);
  --warning-foreground: var(--bh-content-on-light);
  --warning-soft: var(--bh-bg-warning-subtle);
  --warning-soft-hover: var(--bh-bg-warning-soft);
  --warning-soft-foreground: var(--bh-content-warning-default);
  --destructive: var(--bh-interactive-danger-default);
  --destructive-hover: var(--bh-interactive-danger-hover);
  --destructive-pressed: var(--bh-interactive-danger-pressed);
  --destructive-foreground: var(--bh-content-on-color);
  --destructive-soft: var(--bh-interactive-danger-soft-default);
  --destructive-soft-hover: var(--bh-interactive-danger-soft-hover);
  --destructive-soft-pressed: var(--bh-interactive-danger-soft-pressed);
  --destructive-soft-foreground: var(--bh-content-danger-default);
  --outline: var(--bh-interactive-outlined-default);
  --outline-hover: var(--bh-interactive-outlined-hover);
  --outline-pressed: var(--bh-interactive-outlined-pressed);
  --soft: var(--bh-interactive-soft-default);
  --soft-hover: var(--bh-interactive-soft-hover);
  --soft-pressed: var(--bh-interactive-soft-pressed);
  --ghost: var(--bh-interactive-ghost-default);
  --ghost-hover: var(--bh-interactive-ghost-hover);
  --ghost-pressed: var(--bh-interactive-ghost-pressed);
  --border: var(--bh-border-default);
  --input: var(--bh-border-input);
  --ring: var(--bh-border-focus);
  --danger-ring: var(--bh-border-focus-danger);
  --shadow-component-default: 0px 1px 2px 0px rgb(0 0 0 / 0.36), inset 0px 1px 0px 0px rgb(255 255 255 / 0.05), inset 0px -1px 0px 0px rgb(0 0 0 / 0.28);
  --shadow-button-raised: inset 0px 1px 0px 0px rgb(255 255 255 / 0.05), inset 0px -1px 0px 0px rgb(0 0 0 / 0.32), 0px 1px 2px 0px rgb(0 0 0 / 0.32);
  --shadow-button-surface: inset 0px -1px 0px 0px rgb(0 0 0 / 0.32), 0px 1px 2px 0px rgb(0 0 0 / 0.32);
  --shadow-button-secondary: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-button-secondary-border, var(--bh-border-default)), var(--shadow-button-surface);
  --shadow-button-soft: inset 0px 1px 0px 0px rgb(255 255 255 / 0);
  --shadow-button-focus: 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 20%, transparent);
  --shadow-button-secondary-focus: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-button-secondary-focus-border, var(--bh-border-brand-strong)), var(--shadow-button-surface), var(--shadow-button-focus);
  --shadow-button-danger-focus: 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus-danger) 20%, transparent);
  --shadow-button: var(--shadow-button-raised);
  --shadow-button-hover: var(--shadow-button-raised);
  --shadow-button-active: var(--shadow-button-raised);
  --shadow-avatar-badge: none;
  --shadow-accordion-item: none;
  --shadow-badge: none;
  --shadow-social-button: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-social-button-border, transparent), var(--shadow-component-default);
  --shadow-social-button-focus-ring: 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
  --shadow-social-button-focus: var(--shadow-social-button), var(--shadow-social-button-focus-ring);
  --shadow-button-group: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-button-group-border), var(--shadow-component-default);
  --shadow-button-group-focus-ring: 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 20%, transparent);
  --shadow-button-group-focus: var(--shadow-button-group), var(--shadow-button-group-focus-ring);
  --shadow-radio-card-surface: var(--shadow-component-default);
  --shadow-radio-card: inset 0px 0px 0px var(--bh-radio-card-border-width, var(--bh-border-width-default)) var(--bh-radio-card-border, var(--bh-border-default)), var(--shadow-radio-card-surface);
  --shadow-radio-card-disabled: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-border-disabled);
  --shadow-radio-control: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-radio-control-border, var(--bh-border-input)), var(--shadow-component-default);
  --shadow-checkbox-control: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-checkbox-control-border, var(--bh-border-input)), var(--shadow-component-default);
  --shadow-checkbox: var(--shadow-checkbox-control);
  --shadow-checkbox-focus: var(--shadow-checkbox), var(--shadow-button-focus);
  --shadow-checkbox-card: inset 0px 0px 0px var(--bh-checkbox-card-border-width, var(--bh-border-width-default)) var(--bh-checkbox-card-border, var(--bh-border-subtle)), var(--shadow-component-default);
  --shadow-checkbox-card-focus: var(--shadow-checkbox-card), var(--shadow-button-focus);
  --shadow-input: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-input-border, var(--bh-border-input)), var(--shadow-component-default);
  --shadow-input-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-border-focus), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
  --shadow-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-menu-border), var(--shadow-component-default);
  --shadow-select-trigger: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-current, var(--bh-select-trigger-border)), var(--shadow-component-default);
  --shadow-select-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-focus, var(--bh-border-focus)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
  --shadow-select-danger-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-error, var(--bh-border-danger-strong)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus-danger) 30%, transparent);
  --shadow-select-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-component-default);
  --shadow-select-checkbox: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-checkbox-border, var(--bh-border-input)), var(--shadow-component-default);
  --shadow-slider-thumb: 0px 1.75px 4px -1px rgb(0 0 0 / 0.42);
  --shadow-slider-thumb-focus: var(--shadow-slider-thumb), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
  --shadow-slider-tooltip: 0px 10px 16px -3px rgb(0 0 0 / 0.34), 0px 4px 6px -2px rgb(0 0 0 / 0.22);
  --shadow-progress-slider-thumb-focus: 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
  --shadow-pagination-control: var(--shadow-button-soft);
  --shadow-pagination-active: var(--shadow-button-raised);
  --shadow-pagination-focus: var(--shadow-button-focus);
  --shadow-textarea: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-textarea-border, var(--bh-border-input)), var(--shadow-component-default);
  --bh-pagination-active-bg: var(--bh-interactive-brand-default);
  --bh-pagination-active-border: var(--bh-border-subtle);
  --bh-pagination-active-content: var(--bh-content-on-brand);
  --bh-pagination-caption-content: var(--bh-content-subtle);
  --bh-pagination-control-content: var(--bh-content-default);
  --bh-pagination-control-ghost-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-control-ghost-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-control-ghost-pressed: var(--bh-interactive-ghost-pressed);
  --bh-pagination-control-soft-bg: var(--bh-interactive-soft-default);
  --bh-pagination-control-soft-hover: var(--bh-interactive-soft-hover);
  --bh-pagination-control-soft-pressed: var(--bh-interactive-soft-pressed);
  --bh-pagination-page-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-page-content: var(--bh-content-subtle);
  --bh-pagination-page-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-page-pressed: var(--bh-interactive-ghost-pressed);
  --bh-select-check-color: var(--bh-interactive-indicator-default);
  --bh-select-item-hover-bg: var(--bh-interactive-ghost-hover);
  --bh-select-menu-bg: var(--bh-bg-raised);
  --bh-select-menu-border: var(--bh-border-subtle);
  --bh-select-trigger-bg: var(--bh-interactive-input-default);
  --bh-select-trigger-bg-disabled: var(--bh-interactive-input-disabled);
  --bh-select-trigger-bg-soft: var(--bh-interactive-input-soft);
  --bh-select-trigger-border: var(--bh-border-input);
  --bh-select-trigger-border-disabled: var(--bh-border-disabled);
  --bh-select-trigger-border-error: var(--bh-border-danger-strong);
  --bh-select-trigger-border-focus: var(--bh-border-focus);
  --bh-select-trigger-icon-color: var(--bh-content-muted);

}







/* Banhaten brand theme dark token modes: generated from tokens/Theme.zip. */

.dark[data-theme="gray"],
.dark [data-theme="gray"] {
  --bh-bg-default: #0E0E0F;
  --bh-bg-grouped: #0E0E0F;
  --bh-bg-grouped-surface: #1A1A1A;
  --bh-bg-default-hover: #141414;
  --bh-bg-subtle: #141414;
  --bh-bg-subtle-alpha: rgb(255 255 255 / 0.05);
  --bh-bg-subtle-hover: #1A1A1A;
  --bh-bg-muted: #1A1A1A;
  --bh-bg-muted-hover: #242424;
  --bh-bg-dim: #242424;
  --bh-bg-dim-hover: #3B3B3B;
  --bh-bg-raised: #141414;
  --bh-bg-raised-subtle: #0E0E0F;
  --bh-bg-raised-hover: #1A1A1A;
  --bh-bg-disabled: rgb(255 255 255 / 0.05);
  --bh-bg-inverse: #FCFCFC;
  --bh-bg-always-dark: #1A1A1A;
  --bh-bg-divider: rgb(255 255 255 / 0.11);
  --bh-bg-brand-subtle: rgb(255 255 255 / 0.11);
  --bh-bg-brand-soft: rgb(255 255 255 / 0.12);
  --bh-bg-brand-default: #FFFFFF;
  --bh-bg-brand-bold: #E8E8E8;
  --bh-bg-brand-strong: #A3A3A3;
  --bh-bg-neutral-subtle: rgb(255 255 255 / 0.08);
  --bh-bg-neutral-soft: rgb(255 255 255 / 0.11);
  --bh-bg-neutral-medium: #4D4D4D;
  --bh-bg-neutral-default: #7A7A7A;
  --bh-bg-neutral-bold: #A3A3A3;
  --bh-border-default: rgb(255 255 255 / 0.19);
  --bh-border-subtle: rgb(255 255 255 / 0.11);
  --bh-border-strong: #A3A3A3;
  --bh-border-disabled: rgb(255 255 255 / 0.11);
  --bh-border-focus: #FFFFFF;
  --bh-border-inverse: #0E0E0F;
  --bh-border-input: rgb(255 255 255 / 0.19);
  --bh-border-brand-subtle: #4D4D4D;
  --bh-border-brand-strong: #FCFCFC;
  --bh-content-default: #FCFCFC;
  --bh-content-subtle: #A3A3A3;
  --bh-content-muted: #7A7A7A;
  --bh-content-disabled: #4D4D4D;
  --bh-content-inverse: #0E0E0F;
  --bh-content-link: #FFFFFF;
  --bh-content-link-hover: #F0F0F0;
  --bh-content-on-light: #0E0E0F;
  --bh-content-on-brand: #0E0E0F;
  --bh-content-brand-default: #FFFFFF;
  --bh-content-brand-strong: #FFFFFF;
  --bh-interactive-brand-default: #FCFCFC;
  --bh-interactive-brand-hover: #E8E8E8;
  --bh-interactive-brand-pressed: #FCFCFC;
  --bh-interactive-brand-disabled: rgb(255 255 255 / 0.08);
  --bh-interactive-secondary-default: rgb(255 255 255 / 0.05);
  --bh-interactive-secondary-hover: rgb(255 255 255 / 0.08);
  --bh-interactive-secondary-pressed: rgb(255 255 255 / 0.11);
  --bh-interactive-secondary-disabled: rgb(255 255 255 / 0.08);
  --bh-interactive-soft-default: rgb(255 255 255 / 0.08);
  --bh-interactive-soft-hover: rgb(255 255 255 / 0.11);
  --bh-interactive-soft-pressed: rgb(255 255 255 / 0.12);
  --bh-interactive-soft-disabled: rgb(255 255 255 / 0.08);
  --bh-interactive-ghost-hover: rgb(255 255 255 / 0.05);
  --bh-interactive-ghost-pressed: rgb(255 255 255 / 0.08);
  --bh-interactive-ghost-active: rgb(255 255 255 / 0.08);
  --bh-interactive-outlined-hover: rgb(255 255 255 / 0.05);
  --bh-interactive-outlined-pressed: rgb(255 255 255 / 0.08);
  --bh-interactive-danger-disabled: rgb(255 255 255 / 0.08);
  --bh-interactive-danger-soft-disabled: rgb(255 255 255 / 0.08);
  --bh-interactive-input-default: rgb(255 255 255 / 0.05);
  --bh-interactive-input-disabled: rgb(255 255 255 / 0.05);
  --bh-interactive-input-soft: rgb(255 255 255 / 0.08);
  --bh-interactive-input-soft-disabled: rgb(255 255 255 / 0.05);
  --bh-interactive-switch-default: rgb(255 255 255 / 0.19);
  --bh-interactive-switch-hover: rgb(255 255 255 / 0.3);
  --bh-interactive-switch-disabled: rgb(255 255 255 / 0.08);
  --bh-interactive-switch-handle-disabled: rgb(255 255 255 / 0.12);
  --bh-interactive-checkbox-default: #FAFAFA;
  --bh-interactive-checkbox-hover: #F5F5F5;
  --bh-interactive-radiobutton-default: #FAFAFA;
  --bh-interactive-radiobutton-hover: #BFBFBF;
  --bh-interactive-table-header: rgb(255 255 255 / 0.05);
  --bh-interactive-indicator-default: #1A1A1A;
  --bh-chart-brand-default: #1A1A1A;
  --bh-chart-neutral-default: #3B3B3B;
  --bh-alpha-alpha-transparent-to-100: rgb(255 255 255 / 0.12);
  --bh-alpha-alpha-transparent-to-500: rgb(255 255 255 / 0.3);
  --accent: var(--bh-interactive-ghost-hover);
  --accent-foreground: var(--bh-content-default);
  --accent-hover: var(--bh-interactive-ghost-pressed);
  --background: var(--bh-bg-default);
  --border: var(--bh-border-default);
  --card: var(--bh-bg-raised);
  --card-foreground: var(--bh-content-default);
  --danger-ring: var(--bh-border-focus-danger);
  --destructive: var(--bh-interactive-danger-default);
  --destructive-foreground: var(--bh-content-on-color);
  --destructive-hover: var(--bh-interactive-danger-hover);
  --destructive-pressed: var(--bh-interactive-danger-pressed);
  --destructive-soft: var(--bh-interactive-danger-soft-default);
  --destructive-soft-foreground: var(--bh-content-danger-default);
  --destructive-soft-hover: var(--bh-interactive-danger-soft-hover);
  --destructive-soft-pressed: var(--bh-interactive-danger-soft-pressed);
  --foreground: var(--bh-content-default);
  --ghost: var(--bh-interactive-ghost-default);
  --ghost-hover: var(--bh-interactive-ghost-hover);
  --ghost-pressed: var(--bh-interactive-ghost-pressed);
  --input: var(--bh-border-input);
  --muted: var(--bh-bg-muted);
  --muted-foreground: var(--bh-content-muted);
  --outline: var(--bh-interactive-outlined-default);
  --outline-hover: var(--bh-interactive-outlined-hover);
  --outline-pressed: var(--bh-interactive-outlined-pressed);
  --popover: var(--bh-bg-raised);
  --popover-foreground: var(--bh-content-default);
  --primary: var(--bh-interactive-brand-default);
  --primary-foreground: var(--bh-content-on-brand);
  --primary-hover: var(--bh-interactive-brand-hover);
  --primary-pressed: var(--bh-interactive-brand-pressed);
  --ring: var(--bh-border-focus);
  --secondary: var(--bh-interactive-secondary-default);
  --secondary-foreground: var(--bh-content-default);
  --secondary-hover: var(--bh-interactive-secondary-hover);
  --secondary-pressed: var(--bh-interactive-secondary-pressed);
  --soft: var(--bh-interactive-soft-default);
  --soft-hover: var(--bh-interactive-soft-hover);
  --soft-pressed: var(--bh-interactive-soft-pressed);
  --success: var(--bh-bg-success-default);
  --success-foreground: var(--bh-content-on-color);
  --success-hover: var(--bh-bg-success-bold);
  --success-pressed: var(--bh-bg-success-strong);
  --warning: var(--bh-bg-warning-default);
  --warning-foreground: var(--bh-content-on-light);
  --warning-hover: var(--bh-bg-warning-bold);
  --warning-pressed: var(--bh-bg-warning-strong);
  --warning-soft: var(--bh-bg-warning-subtle);
  --warning-soft-foreground: var(--bh-content-warning-default);
  --warning-soft-hover: var(--bh-bg-warning-soft);
  --bh-pagination-active-bg: var(--bh-interactive-brand-default);
  --bh-pagination-active-border: var(--bh-border-subtle);
  --bh-pagination-active-content: var(--bh-content-on-brand);
  --bh-pagination-caption-content: var(--bh-content-subtle);
  --bh-pagination-control-content: var(--bh-content-default);
  --bh-pagination-control-ghost-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-control-ghost-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-control-ghost-pressed: var(--bh-interactive-ghost-pressed);
  --bh-pagination-control-soft-bg: var(--bh-interactive-soft-default);
  --bh-pagination-control-soft-hover: var(--bh-interactive-soft-hover);
  --bh-pagination-control-soft-pressed: var(--bh-interactive-soft-pressed);
  --bh-pagination-page-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-page-content: var(--bh-content-subtle);
  --bh-pagination-page-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-page-pressed: var(--bh-interactive-ghost-pressed);
  --bh-select-check-color: var(--bh-interactive-indicator-default);
  --bh-select-item-hover-bg: var(--bh-interactive-ghost-hover);
  --bh-select-menu-bg: var(--bh-bg-raised);
  --bh-select-menu-border: var(--bh-border-subtle);
  --bh-select-trigger-bg: var(--bh-interactive-input-default);
  --bh-select-trigger-bg-disabled: var(--bh-interactive-input-disabled);
  --bh-select-trigger-bg-soft: var(--bh-interactive-input-soft);
  --bh-select-trigger-border: var(--bh-border-input);
  --bh-select-trigger-border-disabled: var(--bh-border-disabled);
  --bh-select-trigger-border-error: var(--bh-border-danger-strong);
  --bh-select-trigger-border-focus: var(--bh-border-focus);
  --bh-select-trigger-icon-color: var(--bh-content-muted);
  --shadow-select-checkbox: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-checkbox-border, var(--bh-border-input)), var(--shadow-component-default);
  --shadow-select-danger-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-error, var(--bh-border-danger-strong)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus-danger) 30%, transparent);
  --shadow-select-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-focus, var(--bh-border-focus)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
  --shadow-select-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-component-default);
  --shadow-select-trigger: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-current, var(--bh-select-trigger-border)), var(--shadow-component-default);

}

.dark[data-theme="brown"],
.dark [data-theme="brown"] {
  --bh-bg-default: #0E0E0F;
  --bh-bg-grouped: #0E0E0F;
  --bh-bg-grouped-surface: #1A1A1A;
  --bh-bg-default-hover: #141414;
  --bh-bg-subtle: #141414;
  --bh-bg-subtle-alpha: rgb(255 255 255 / 0.05);
  --bh-bg-subtle-hover: #1A1A1A;
  --bh-bg-muted: #1A1A1A;
  --bh-bg-muted-hover: #242424;
  --bh-bg-dim: #242424;
  --bh-bg-dim-hover: #3B3B3B;
  --bh-bg-raised: #141414;
  --bh-bg-raised-subtle: #0E0E0F;
  --bh-bg-raised-hover: #1A1A1A;
  --bh-bg-disabled: rgb(255 255 255 / 0.05);
  --bh-bg-inverse: #FCFCFC;
  --bh-bg-always-dark: #1A1A1A;
  --bh-bg-divider: rgb(255 255 255 / 0.11);
  --bh-bg-brand-subtle: rgb(238 115 0 / 0.1);
  --bh-bg-brand-soft: #863E07;
  --bh-bg-brand-default: #CD6103;
  --bh-bg-brand-bold: #AC4C03;
  --bh-bg-brand-strong: #863E07;
  --bh-bg-neutral-subtle: rgb(255 255 255 / 0.08);
  --bh-bg-neutral-soft: rgb(255 255 255 / 0.11);
  --bh-bg-neutral-medium: #4D4D4D;
  --bh-bg-neutral-default: #7A7A7A;
  --bh-bg-neutral-bold: #A3A3A3;
  --bh-border-default: rgb(255 255 255 / 0.19);
  --bh-border-subtle: rgb(255 255 255 / 0.11);
  --bh-border-strong: #A3A3A3;
  --bh-border-disabled: rgb(255 255 255 / 0.11);
  --bh-border-focus: #FFC369;
  --bh-border-inverse: #0E0E0F;
  --bh-border-input: rgb(255 255 255 / 0.19);
  --bh-border-brand-subtle: #863E07;
  --bh-border-brand-strong: #CD6103;
  --bh-content-default: #FCFCFC;
  --bh-content-subtle: #A3A3A3;
  --bh-content-muted: #7A7A7A;
  --bh-content-disabled: #4D4D4D;
  --bh-content-inverse: #0E0E0F;
  --bh-content-link: #EE7300;
  --bh-content-link-hover: #FFA136;
  --bh-content-on-light: #0E0E0F;
  --bh-content-on-brand: #FFFFFF;
  --bh-content-brand-default: #EE7300;
  --bh-content-brand-strong: #FFA136;
  --bh-interactive-brand-default: #CD6103;
  --bh-interactive-brand-hover: #AC4C03;
  --bh-interactive-brand-pressed: #CD6103;
  --bh-interactive-brand-disabled: rgb(255 255 255 / 0.08);
  --bh-interactive-secondary-default: rgb(255 255 255 / 0.05);
  --bh-interactive-secondary-hover: rgb(255 255 255 / 0.08);
  --bh-interactive-secondary-pressed: rgb(255 255 255 / 0.11);
  --bh-interactive-secondary-disabled: rgb(255 255 255 / 0.08);
  --bh-interactive-soft-default: rgb(255 255 255 / 0.08);
  --bh-interactive-soft-hover: rgb(255 255 255 / 0.11);
  --bh-interactive-soft-pressed: rgb(255 255 255 / 0.12);
  --bh-interactive-soft-disabled: rgb(255 255 255 / 0.08);
  --bh-interactive-ghost-hover: rgb(255 255 255 / 0.05);
  --bh-interactive-ghost-pressed: rgb(255 255 255 / 0.08);
  --bh-interactive-ghost-active: rgb(255 255 255 / 0.08);
  --bh-interactive-outlined-hover: rgb(255 255 255 / 0.05);
  --bh-interactive-outlined-pressed: rgb(255 255 255 / 0.08);
  --bh-interactive-danger-disabled: rgb(255 255 255 / 0.08);
  --bh-interactive-danger-soft-disabled: rgb(255 255 255 / 0.08);
  --bh-interactive-input-default: rgb(255 255 255 / 0.05);
  --bh-interactive-input-disabled: rgb(255 255 255 / 0.05);
  --bh-interactive-input-soft: rgb(255 255 255 / 0.08);
  --bh-interactive-input-soft-disabled: rgb(255 255 255 / 0.05);
  --bh-interactive-switch-default: rgb(255 255 255 / 0.19);
  --bh-interactive-switch-hover: rgb(255 255 255 / 0.3);
  --bh-interactive-switch-disabled: rgb(255 255 255 / 0.08);
  --bh-interactive-switch-handle-disabled: rgb(255 255 255 / 0.12);
  --bh-interactive-checkbox-default: #CD6103;
  --bh-interactive-checkbox-hover: #AC4C03;
  --bh-interactive-radiobutton-default: #CD6103;
  --bh-interactive-radiobutton-hover: #AC4C03;
  --bh-interactive-table-header: rgb(255 255 255 / 0.05);
  --bh-interactive-indicator-default: #CD6103;
  --bh-chart-brand-default: #CD6103;
  --bh-chart-neutral-default: #3B3B3B;
  --bh-alpha-alpha-transparent-to-100: rgb(255 255 255 / 0.12);
  --bh-alpha-alpha-transparent-to-500: rgb(255 255 255 / 0.3);
  --accent: var(--bh-interactive-ghost-hover);
  --accent-foreground: var(--bh-content-default);
  --accent-hover: var(--bh-interactive-ghost-pressed);
  --background: var(--bh-bg-default);
  --border: var(--bh-border-default);
  --card: var(--bh-bg-raised);
  --card-foreground: var(--bh-content-default);
  --danger-ring: var(--bh-border-focus-danger);
  --destructive: var(--bh-interactive-danger-default);
  --destructive-foreground: var(--bh-content-on-color);
  --destructive-hover: var(--bh-interactive-danger-hover);
  --destructive-pressed: var(--bh-interactive-danger-pressed);
  --destructive-soft: var(--bh-interactive-danger-soft-default);
  --destructive-soft-foreground: var(--bh-content-danger-default);
  --destructive-soft-hover: var(--bh-interactive-danger-soft-hover);
  --destructive-soft-pressed: var(--bh-interactive-danger-soft-pressed);
  --foreground: var(--bh-content-default);
  --ghost: var(--bh-interactive-ghost-default);
  --ghost-hover: var(--bh-interactive-ghost-hover);
  --ghost-pressed: var(--bh-interactive-ghost-pressed);
  --input: var(--bh-border-input);
  --muted: var(--bh-bg-muted);
  --muted-foreground: var(--bh-content-muted);
  --outline: var(--bh-interactive-outlined-default);
  --outline-hover: var(--bh-interactive-outlined-hover);
  --outline-pressed: var(--bh-interactive-outlined-pressed);
  --popover: var(--bh-bg-raised);
  --popover-foreground: var(--bh-content-default);
  --primary: var(--bh-interactive-brand-default);
  --primary-foreground: var(--bh-content-on-brand);
  --primary-hover: var(--bh-interactive-brand-hover);
  --primary-pressed: var(--bh-interactive-brand-pressed);
  --ring: var(--bh-border-focus);
  --secondary: var(--bh-interactive-secondary-default);
  --secondary-foreground: var(--bh-content-default);
  --secondary-hover: var(--bh-interactive-secondary-hover);
  --secondary-pressed: var(--bh-interactive-secondary-pressed);
  --soft: var(--bh-interactive-soft-default);
  --soft-hover: var(--bh-interactive-soft-hover);
  --soft-pressed: var(--bh-interactive-soft-pressed);
  --success: var(--bh-bg-success-default);
  --success-foreground: var(--bh-content-on-color);
  --success-hover: var(--bh-bg-success-bold);
  --success-pressed: var(--bh-bg-success-strong);
  --warning: var(--bh-bg-warning-default);
  --warning-foreground: var(--bh-content-on-light);
  --warning-hover: var(--bh-bg-warning-bold);
  --warning-pressed: var(--bh-bg-warning-strong);
  --warning-soft: var(--bh-bg-warning-subtle);
  --warning-soft-foreground: var(--bh-content-warning-default);
  --warning-soft-hover: var(--bh-bg-warning-soft);
  --bh-pagination-active-bg: var(--bh-interactive-brand-default);
  --bh-pagination-active-border: var(--bh-border-subtle);
  --bh-pagination-active-content: var(--bh-content-on-brand);
  --bh-pagination-caption-content: var(--bh-content-subtle);
  --bh-pagination-control-content: var(--bh-content-default);
  --bh-pagination-control-ghost-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-control-ghost-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-control-ghost-pressed: var(--bh-interactive-ghost-pressed);
  --bh-pagination-control-soft-bg: var(--bh-interactive-soft-default);
  --bh-pagination-control-soft-hover: var(--bh-interactive-soft-hover);
  --bh-pagination-control-soft-pressed: var(--bh-interactive-soft-pressed);
  --bh-pagination-page-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-page-content: var(--bh-content-subtle);
  --bh-pagination-page-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-page-pressed: var(--bh-interactive-ghost-pressed);
  --bh-select-check-color: var(--bh-interactive-indicator-default);
  --bh-select-item-hover-bg: var(--bh-interactive-ghost-hover);
  --bh-select-menu-bg: var(--bh-bg-raised);
  --bh-select-menu-border: var(--bh-border-subtle);
  --bh-select-trigger-bg: var(--bh-interactive-input-default);
  --bh-select-trigger-bg-disabled: var(--bh-interactive-input-disabled);
  --bh-select-trigger-bg-soft: var(--bh-interactive-input-soft);
  --bh-select-trigger-border: var(--bh-border-input);
  --bh-select-trigger-border-disabled: var(--bh-border-disabled);
  --bh-select-trigger-border-error: var(--bh-border-danger-strong);
  --bh-select-trigger-border-focus: var(--bh-border-focus);
  --bh-select-trigger-icon-color: var(--bh-content-muted);
  --shadow-select-checkbox: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-checkbox-border, var(--bh-border-input)), var(--shadow-component-default);
  --shadow-select-danger-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-error, var(--bh-border-danger-strong)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus-danger) 30%, transparent);
  --shadow-select-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-focus, var(--bh-border-focus)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
  --shadow-select-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-component-default);
  --shadow-select-trigger: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-current, var(--bh-select-trigger-border)), var(--shadow-component-default);

}

.dark[data-theme="orange"],
.dark [data-theme="orange"] {
  --bh-bg-default: #0B111A;
  --bh-bg-grouped: #0B111A;
  --bh-bg-grouped-surface: #181F29;
  --bh-bg-default-hover: #121721;
  --bh-bg-subtle: #121721;
  --bh-bg-subtle-alpha: rgb(195 216 247 / 0.05);
  --bh-bg-subtle-hover: #181F29;
  --bh-bg-muted: #181F29;
  --bh-bg-muted-hover: #1F252E;
  --bh-bg-dim: #1F252E;
  --bh-bg-dim-hover: #2E3742;
  --bh-bg-raised: #121721;
  --bh-bg-raised-subtle: #0B111A;
  --bh-bg-raised-hover: #181F29;
  --bh-bg-disabled: rgb(195 216 247 / 0.05);
  --bh-bg-inverse: #FAFBFC;
  --bh-bg-always-dark: #181F29;
  --bh-bg-divider: rgb(195 216 247 / 0.11);
  --bh-bg-brand-subtle: rgb(249 115 22 / 0.1);
  --bh-bg-brand-soft: #9A3412;
  --bh-bg-brand-default: #FB923C;
  --bh-bg-brand-bold: #EA580C;
  --bh-bg-brand-strong: #9A3412;
  --bh-bg-neutral-subtle: rgb(195 216 247 / 0.09);
  --bh-bg-neutral-soft: rgb(195 216 247 / 0.11);
  --bh-bg-neutral-medium: #434E5C;
  --bh-bg-neutral-default: #6F7E8F;
  --bh-bg-neutral-bold: #98A5B5;
  --bh-border-default: rgb(195 216 247 / 0.23);
  --bh-border-subtle: rgb(195 216 247 / 0.11);
  --bh-border-strong: #98A5B5;
  --bh-border-disabled: rgb(195 216 247 / 0.11);
  --bh-border-focus: #FB923C;
  --bh-border-inverse: #0B111A;
  --bh-border-input: rgb(195 216 247 / 0.23);
  --bh-border-brand-subtle: #9A3412;
  --bh-border-brand-strong: #FB923C;
  --bh-content-default: #FAFBFC;
  --bh-content-subtle: #98A5B5;
  --bh-content-muted: #6F7E8F;
  --bh-content-disabled: #434E5C;
  --bh-content-inverse: #0B111A;
  --bh-content-link: #FB923C;
  --bh-content-link-hover: #FDBA74;
  --bh-content-on-light: #0B111A;
  --bh-content-on-brand: #0B111A;
  --bh-content-brand-default: #FB923C;
  --bh-content-brand-strong: #FDBA74;
  --bh-interactive-brand-default: #FB923C;
  --bh-interactive-brand-hover: #F97316;
  --bh-interactive-brand-pressed: #FB923C;
  --bh-interactive-brand-disabled: rgb(195 216 247 / 0.09);
  --bh-interactive-secondary-default: rgb(195 216 247 / 0.05);
  --bh-interactive-secondary-hover: rgb(195 216 247 / 0.09);
  --bh-interactive-secondary-pressed: rgb(195 216 247 / 0.11);
  --bh-interactive-secondary-disabled: rgb(195 216 247 / 0.09);
  --bh-interactive-soft-default: rgb(195 216 247 / 0.09);
  --bh-interactive-soft-hover: rgb(195 216 247 / 0.11);
  --bh-interactive-soft-pressed: rgb(217 229 247 / 0.13);
  --bh-interactive-soft-disabled: rgb(195 216 247 / 0.09);
  --bh-interactive-ghost-hover: rgb(195 216 247 / 0.05);
  --bh-interactive-ghost-pressed: rgb(195 216 247 / 0.09);
  --bh-interactive-ghost-active: rgb(195 216 247 / 0.09);
  --bh-interactive-outlined-hover: rgb(195 216 247 / 0.05);
  --bh-interactive-outlined-pressed: rgb(195 216 247 / 0.09);
  --bh-interactive-danger-disabled: rgb(195 216 247 / 0.09);
  --bh-interactive-danger-soft-disabled: rgb(195 216 247 / 0.09);
  --bh-interactive-input-default: rgb(195 216 247 / 0.05);
  --bh-interactive-input-disabled: rgb(195 216 247 / 0.05);
  --bh-interactive-input-soft: rgb(195 216 247 / 0.09);
  --bh-interactive-input-soft-disabled: rgb(195 216 247 / 0.05);
  --bh-interactive-switch-default: rgb(195 216 247 / 0.23);
  --bh-interactive-switch-hover: rgb(198 219 247 / 0.3);
  --bh-interactive-switch-disabled: rgb(195 216 247 / 0.09);
  --bh-interactive-switch-handle-disabled: rgb(217 229 247 / 0.13);
  --bh-interactive-checkbox-default: #FB923C;
  --bh-interactive-checkbox-hover: #FDBA74;
  --bh-interactive-radiobutton-default: #FB923C;
  --bh-interactive-radiobutton-hover: #FDBA74;
  --bh-interactive-table-header: rgb(195 216 247 / 0.05);
  --bh-interactive-indicator-default: #EA580C;
  --bh-chart-brand-default: #F97316;
  --bh-chart-neutral-default: #2E3742;
  --bh-alpha-alpha-transparent-to-100: rgb(217 229 247 / 0.13);
  --bh-alpha-alpha-transparent-to-500: rgb(198 219 247 / 0.3);
  --accent: var(--bh-interactive-ghost-hover);
  --accent-foreground: var(--bh-content-default);
  --accent-hover: var(--bh-interactive-ghost-pressed);
  --background: var(--bh-bg-default);
  --border: var(--bh-border-default);
  --card: var(--bh-bg-raised);
  --card-foreground: var(--bh-content-default);
  --danger-ring: var(--bh-border-focus-danger);
  --destructive: var(--bh-interactive-danger-default);
  --destructive-foreground: var(--bh-content-on-color);
  --destructive-hover: var(--bh-interactive-danger-hover);
  --destructive-pressed: var(--bh-interactive-danger-pressed);
  --destructive-soft: var(--bh-interactive-danger-soft-default);
  --destructive-soft-foreground: var(--bh-content-danger-default);
  --destructive-soft-hover: var(--bh-interactive-danger-soft-hover);
  --destructive-soft-pressed: var(--bh-interactive-danger-soft-pressed);
  --foreground: var(--bh-content-default);
  --ghost: var(--bh-interactive-ghost-default);
  --ghost-hover: var(--bh-interactive-ghost-hover);
  --ghost-pressed: var(--bh-interactive-ghost-pressed);
  --input: var(--bh-border-input);
  --muted: var(--bh-bg-muted);
  --muted-foreground: var(--bh-content-muted);
  --outline: var(--bh-interactive-outlined-default);
  --outline-hover: var(--bh-interactive-outlined-hover);
  --outline-pressed: var(--bh-interactive-outlined-pressed);
  --popover: var(--bh-bg-raised);
  --popover-foreground: var(--bh-content-default);
  --primary: var(--bh-interactive-brand-default);
  --primary-foreground: var(--bh-content-on-brand);
  --primary-hover: var(--bh-interactive-brand-hover);
  --primary-pressed: var(--bh-interactive-brand-pressed);
  --ring: var(--bh-border-focus);
  --secondary: var(--bh-interactive-secondary-default);
  --secondary-foreground: var(--bh-content-default);
  --secondary-hover: var(--bh-interactive-secondary-hover);
  --secondary-pressed: var(--bh-interactive-secondary-pressed);
  --soft: var(--bh-interactive-soft-default);
  --soft-hover: var(--bh-interactive-soft-hover);
  --soft-pressed: var(--bh-interactive-soft-pressed);
  --success: var(--bh-bg-success-default);
  --success-foreground: var(--bh-content-on-color);
  --success-hover: var(--bh-bg-success-bold);
  --success-pressed: var(--bh-bg-success-strong);
  --warning: var(--bh-bg-warning-default);
  --warning-foreground: var(--bh-content-on-light);
  --warning-hover: var(--bh-bg-warning-bold);
  --warning-pressed: var(--bh-bg-warning-strong);
  --warning-soft: var(--bh-bg-warning-subtle);
  --warning-soft-foreground: var(--bh-content-warning-default);
  --warning-soft-hover: var(--bh-bg-warning-soft);
  --bh-pagination-active-bg: var(--bh-interactive-brand-default);
  --bh-pagination-active-border: var(--bh-border-subtle);
  --bh-pagination-active-content: var(--bh-content-on-brand);
  --bh-pagination-caption-content: var(--bh-content-subtle);
  --bh-pagination-control-content: var(--bh-content-default);
  --bh-pagination-control-ghost-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-control-ghost-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-control-ghost-pressed: var(--bh-interactive-ghost-pressed);
  --bh-pagination-control-soft-bg: var(--bh-interactive-soft-default);
  --bh-pagination-control-soft-hover: var(--bh-interactive-soft-hover);
  --bh-pagination-control-soft-pressed: var(--bh-interactive-soft-pressed);
  --bh-pagination-page-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-page-content: var(--bh-content-subtle);
  --bh-pagination-page-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-page-pressed: var(--bh-interactive-ghost-pressed);
  --bh-select-check-color: var(--bh-interactive-indicator-default);
  --bh-select-item-hover-bg: var(--bh-interactive-ghost-hover);
  --bh-select-menu-bg: var(--bh-bg-raised);
  --bh-select-menu-border: var(--bh-border-subtle);
  --bh-select-trigger-bg: var(--bh-interactive-input-default);
  --bh-select-trigger-bg-disabled: var(--bh-interactive-input-disabled);
  --bh-select-trigger-bg-soft: var(--bh-interactive-input-soft);
  --bh-select-trigger-border: var(--bh-border-input);
  --bh-select-trigger-border-disabled: var(--bh-border-disabled);
  --bh-select-trigger-border-error: var(--bh-border-danger-strong);
  --bh-select-trigger-border-focus: var(--bh-border-focus);
  --bh-select-trigger-icon-color: var(--bh-content-muted);
  --shadow-select-checkbox: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-checkbox-border, var(--bh-border-input)), var(--shadow-component-default);
  --shadow-select-danger-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-error, var(--bh-border-danger-strong)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus-danger) 30%, transparent);
  --shadow-select-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-focus, var(--bh-border-focus)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
  --shadow-select-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-component-default);
  --shadow-select-trigger: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-current, var(--bh-select-trigger-border)), var(--shadow-component-default);

}

.dark[data-theme="green"],
.dark [data-theme="green"] {
  --bh-bg-default: #0A1210;
  --bh-bg-grouped: #0A1210;
  --bh-bg-grouped-surface: #16231E;
  --bh-bg-default-hover: #101A16;
  --bh-bg-subtle: #101A16;
  --bh-bg-subtle-alpha: rgb(205 232 219 / 0.05);
  --bh-bg-subtle-hover: #16231E;
  --bh-bg-muted: #16231E;
  --bh-bg-muted-hover: #1D2B25;
  --bh-bg-dim: #1D2B25;
  --bh-bg-dim-hover: #2C3F36;
  --bh-bg-raised: #101A16;
  --bh-bg-raised-subtle: #0A1210;
  --bh-bg-raised-hover: #16231E;
  --bh-bg-disabled: rgb(205 232 219 / 0.05);
  --bh-bg-inverse: #FAFCFB;
  --bh-bg-always-dark: #16231E;
  --bh-bg-divider: rgb(205 232 219 / 0.12);
  --bh-bg-brand-subtle: rgb(14 159 110 / 0.1);
  --bh-bg-brand-soft: #064E3B;
  --bh-bg-brand-default: #0C8561;
  --bh-bg-brand-bold: #047857;
  --bh-bg-brand-strong: #064E3B;
  --bh-bg-neutral-subtle: rgb(205 232 219 / 0.09);
  --bh-bg-neutral-soft: rgb(205 232 219 / 0.12);
  --bh-bg-neutral-medium: #42584D;
  --bh-bg-neutral-default: #71877A;
  --bh-bg-neutral-bold: #9FB3A8;
  --bh-border-default: rgb(205 232 219 / 0.23);
  --bh-border-subtle: rgb(205 232 219 / 0.12);
  --bh-border-strong: #9FB3A8;
  --bh-border-disabled: rgb(205 232 219 / 0.12);
  --bh-border-focus: #34D399;
  --bh-border-inverse: #0A1210;
  --bh-border-input: rgb(205 232 219 / 0.23);
  --bh-border-brand-subtle: #064E3B;
  --bh-border-brand-strong: #0C8561;
  --bh-content-default: #FAFCFB;
  --bh-content-subtle: #9FB3A8;
  --bh-content-muted: #71877A;
  --bh-content-disabled: #42584D;
  --bh-content-inverse: #0A1210;
  --bh-content-link: #10B981;
  --bh-content-link-hover: #34D399;
  --bh-content-on-light: #0A1210;
  --bh-content-on-brand: #FFFFFF;
  --bh-content-brand-default: #10B981;
  --bh-content-brand-strong: #34D399;
  --bh-interactive-brand-default: #0C8561;
  --bh-interactive-brand-hover: #065F46;
  --bh-interactive-brand-pressed: #0C8561;
  --bh-interactive-brand-disabled: rgb(205 232 219 / 0.09);
  --bh-interactive-secondary-default: rgb(205 232 219 / 0.05);
  --bh-interactive-secondary-hover: rgb(205 232 219 / 0.09);
  --bh-interactive-secondary-pressed: rgb(205 232 219 / 0.12);
  --bh-interactive-secondary-disabled: rgb(205 232 219 / 0.09);
  --bh-interactive-soft-default: rgb(205 232 219 / 0.09);
  --bh-interactive-soft-hover: rgb(205 232 219 / 0.12);
  --bh-interactive-soft-pressed: rgb(219 240 230 / 0.14);
  --bh-interactive-soft-disabled: rgb(205 232 219 / 0.09);
  --bh-interactive-ghost-hover: rgb(205 232 219 / 0.05);
  --bh-interactive-ghost-pressed: rgb(205 232 219 / 0.09);
  --bh-interactive-ghost-active: rgb(205 232 219 / 0.09);
  --bh-interactive-outlined-hover: rgb(205 232 219 / 0.05);
  --bh-interactive-outlined-pressed: rgb(205 232 219 / 0.09);
  --bh-interactive-danger-disabled: rgb(205 232 219 / 0.09);
  --bh-interactive-danger-soft-disabled: rgb(205 232 219 / 0.09);
  --bh-interactive-input-default: rgb(205 232 219 / 0.05);
  --bh-interactive-input-disabled: rgb(205 232 219 / 0.05);
  --bh-interactive-input-soft: rgb(205 232 219 / 0.09);
  --bh-interactive-input-soft-disabled: rgb(205 232 219 / 0.05);
  --bh-interactive-switch-default: rgb(205 232 219 / 0.23);
  --bh-interactive-switch-hover: rgb(205 232 219 / 0.32);
  --bh-interactive-switch-disabled: rgb(205 232 219 / 0.09);
  --bh-interactive-switch-handle-disabled: rgb(219 240 230 / 0.14);
  --bh-interactive-checkbox-default: #0C8561;
  --bh-interactive-checkbox-hover: #065F46;
  --bh-interactive-radiobutton-default: #0C8561;
  --bh-interactive-radiobutton-hover: #065F46;
  --bh-interactive-table-header: rgb(205 232 219 / 0.05);
  --bh-interactive-indicator-default: #0E9F6E;
  --bh-chart-brand-default: #047857;
  --bh-chart-neutral-default: #2C3F36;
  --bh-alpha-alpha-transparent-to-100: rgb(219 240 230 / 0.14);
  --bh-alpha-alpha-transparent-to-500: rgb(205 232 219 / 0.32);
  --accent: var(--bh-interactive-ghost-hover);
  --accent-foreground: var(--bh-content-default);
  --accent-hover: var(--bh-interactive-ghost-pressed);
  --background: var(--bh-bg-default);
  --border: var(--bh-border-default);
  --card: var(--bh-bg-raised);
  --card-foreground: var(--bh-content-default);
  --danger-ring: var(--bh-border-focus-danger);
  --destructive: var(--bh-interactive-danger-default);
  --destructive-foreground: var(--bh-content-on-color);
  --destructive-hover: var(--bh-interactive-danger-hover);
  --destructive-pressed: var(--bh-interactive-danger-pressed);
  --destructive-soft: var(--bh-interactive-danger-soft-default);
  --destructive-soft-foreground: var(--bh-content-danger-default);
  --destructive-soft-hover: var(--bh-interactive-danger-soft-hover);
  --destructive-soft-pressed: var(--bh-interactive-danger-soft-pressed);
  --foreground: var(--bh-content-default);
  --ghost: var(--bh-interactive-ghost-default);
  --ghost-hover: var(--bh-interactive-ghost-hover);
  --ghost-pressed: var(--bh-interactive-ghost-pressed);
  --input: var(--bh-border-input);
  --muted: var(--bh-bg-muted);
  --muted-foreground: var(--bh-content-muted);
  --outline: var(--bh-interactive-outlined-default);
  --outline-hover: var(--bh-interactive-outlined-hover);
  --outline-pressed: var(--bh-interactive-outlined-pressed);
  --popover: var(--bh-bg-raised);
  --popover-foreground: var(--bh-content-default);
  --primary: var(--bh-interactive-brand-default);
  --primary-foreground: var(--bh-content-on-brand);
  --primary-hover: var(--bh-interactive-brand-hover);
  --primary-pressed: var(--bh-interactive-brand-pressed);
  --ring: var(--bh-border-focus);
  --secondary: var(--bh-interactive-secondary-default);
  --secondary-foreground: var(--bh-content-default);
  --secondary-hover: var(--bh-interactive-secondary-hover);
  --secondary-pressed: var(--bh-interactive-secondary-pressed);
  --soft: var(--bh-interactive-soft-default);
  --soft-hover: var(--bh-interactive-soft-hover);
  --soft-pressed: var(--bh-interactive-soft-pressed);
  --success: var(--bh-bg-success-default);
  --success-foreground: var(--bh-content-on-color);
  --success-hover: var(--bh-bg-success-bold);
  --success-pressed: var(--bh-bg-success-strong);
  --warning: var(--bh-bg-warning-default);
  --warning-foreground: var(--bh-content-on-light);
  --warning-hover: var(--bh-bg-warning-bold);
  --warning-pressed: var(--bh-bg-warning-strong);
  --warning-soft: var(--bh-bg-warning-subtle);
  --warning-soft-foreground: var(--bh-content-warning-default);
  --warning-soft-hover: var(--bh-bg-warning-soft);
  --bh-pagination-active-bg: var(--bh-interactive-brand-default);
  --bh-pagination-active-border: var(--bh-border-subtle);
  --bh-pagination-active-content: var(--bh-content-on-brand);
  --bh-pagination-caption-content: var(--bh-content-subtle);
  --bh-pagination-control-content: var(--bh-content-default);
  --bh-pagination-control-ghost-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-control-ghost-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-control-ghost-pressed: var(--bh-interactive-ghost-pressed);
  --bh-pagination-control-soft-bg: var(--bh-interactive-soft-default);
  --bh-pagination-control-soft-hover: var(--bh-interactive-soft-hover);
  --bh-pagination-control-soft-pressed: var(--bh-interactive-soft-pressed);
  --bh-pagination-page-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-page-content: var(--bh-content-subtle);
  --bh-pagination-page-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-page-pressed: var(--bh-interactive-ghost-pressed);
  --bh-select-check-color: var(--bh-interactive-indicator-default);
  --bh-select-item-hover-bg: var(--bh-interactive-ghost-hover);
  --bh-select-menu-bg: var(--bh-bg-raised);
  --bh-select-menu-border: var(--bh-border-subtle);
  --bh-select-trigger-bg: var(--bh-interactive-input-default);
  --bh-select-trigger-bg-disabled: var(--bh-interactive-input-disabled);
  --bh-select-trigger-bg-soft: var(--bh-interactive-input-soft);
  --bh-select-trigger-border: var(--bh-border-input);
  --bh-select-trigger-border-disabled: var(--bh-border-disabled);
  --bh-select-trigger-border-error: var(--bh-border-danger-strong);
  --bh-select-trigger-border-focus: var(--bh-border-focus);
  --bh-select-trigger-icon-color: var(--bh-content-muted);
  --shadow-select-checkbox: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-checkbox-border, var(--bh-border-input)), var(--shadow-component-default);
  --shadow-select-danger-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-error, var(--bh-border-danger-strong)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus-danger) 30%, transparent);
  --shadow-select-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-focus, var(--bh-border-focus)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
  --shadow-select-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-component-default);
  --shadow-select-trigger: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-current, var(--bh-select-trigger-border)), var(--shadow-component-default);

}

.dark[data-theme="purple"],
.dark [data-theme="purple"] {
  --bh-bg-default: #0D0912;
  --bh-bg-grouped: #0D0912;
  --bh-bg-grouped-surface: #1D1625;
  --bh-bg-default-hover: #15101B;
  --bh-bg-subtle: #15101B;
  --bh-bg-subtle-alpha: rgb(229 211 246 / 0.05);
  --bh-bg-subtle-hover: #1D1625;
  --bh-bg-muted: #1D1625;
  --bh-bg-muted-hover: #261D30;
  --bh-bg-dim: #261D30;
  --bh-bg-dim-hover: #392B45;
  --bh-bg-raised: #15101B;
  --bh-bg-raised-subtle: #0D0912;
  --bh-bg-raised-hover: #1D1625;
  --bh-bg-disabled: rgb(229 211 246 / 0.05);
  --bh-bg-inverse: #FCFAFF;
  --bh-bg-always-dark: #1D1625;
  --bh-bg-divider: rgb(229 211 246 / 0.12);
  --bh-bg-brand-subtle: rgb(124 58 237 / 0.1);
  --bh-bg-brand-soft: #4C1D95;
  --bh-bg-brand-default: #7C3AED;
  --bh-bg-brand-bold: #6D28D9;
  --bh-bg-brand-strong: #4C1D95;
  --bh-bg-neutral-subtle: rgb(229 211 246 / 0.09);
  --bh-bg-neutral-soft: rgb(229 211 246 / 0.12);
  --bh-bg-neutral-medium: #51425F;
  --bh-bg-neutral-default: #81708F;
  --bh-bg-neutral-bold: #B1A4BE;
  --bh-border-default: rgb(229 211 246 / 0.23);
  --bh-border-subtle: rgb(229 211 246 / 0.12);
  --bh-border-strong: #B1A4BE;
  --bh-border-disabled: rgb(229 211 246 / 0.12);
  --bh-border-focus: #A78BFA;
  --bh-border-inverse: #0D0912;
  --bh-border-input: rgb(229 211 246 / 0.23);
  --bh-border-brand-subtle: #4C1D95;
  --bh-border-brand-strong: #7C3AED;
  --bh-content-default: #FCFAFF;
  --bh-content-subtle: #B1A4BE;
  --bh-content-muted: #81708F;
  --bh-content-disabled: #51425F;
  --bh-content-inverse: #0D0912;
  --bh-content-link: #8B5CF6;
  --bh-content-link-hover: #A78BFA;
  --bh-content-on-light: #0D0912;
  --bh-content-on-brand: #FFFFFF;
  --bh-content-brand-default: #8B5CF6;
  --bh-content-brand-strong: #A78BFA;
  --bh-interactive-brand-default: #7C3AED;
  --bh-interactive-brand-hover: #6D28D9;
  --bh-interactive-brand-pressed: #7C3AED;
  --bh-interactive-brand-disabled: rgb(229 211 246 / 0.09);
  --bh-interactive-secondary-default: rgb(229 211 246 / 0.05);
  --bh-interactive-secondary-hover: rgb(229 211 246 / 0.09);
  --bh-interactive-secondary-pressed: rgb(229 211 246 / 0.12);
  --bh-interactive-secondary-disabled: rgb(229 211 246 / 0.09);
  --bh-interactive-soft-default: rgb(229 211 246 / 0.09);
  --bh-interactive-soft-hover: rgb(229 211 246 / 0.12);
  --bh-interactive-soft-pressed: rgb(239 224 252 / 0.15);
  --bh-interactive-soft-disabled: rgb(229 211 246 / 0.09);
  --bh-interactive-ghost-hover: rgb(229 211 246 / 0.05);
  --bh-interactive-ghost-pressed: rgb(229 211 246 / 0.09);
  --bh-interactive-ghost-active: rgb(229 211 246 / 0.09);
  --bh-interactive-outlined-hover: rgb(229 211 246 / 0.05);
  --bh-interactive-outlined-pressed: rgb(229 211 246 / 0.09);
  --bh-interactive-danger-disabled: rgb(229 211 246 / 0.09);
  --bh-interactive-danger-soft-disabled: rgb(229 211 246 / 0.09);
  --bh-interactive-input-default: rgb(229 211 246 / 0.05);
  --bh-interactive-input-disabled: rgb(229 211 246 / 0.05);
  --bh-interactive-input-soft: rgb(229 211 246 / 0.09);
  --bh-interactive-input-soft-disabled: rgb(229 211 246 / 0.05);
  --bh-interactive-switch-default: rgb(229 211 246 / 0.23);
  --bh-interactive-switch-hover: rgb(229 211 246 / 0.32);
  --bh-interactive-switch-disabled: rgb(229 211 246 / 0.09);
  --bh-interactive-switch-handle-disabled: rgb(239 224 252 / 0.15);
  --bh-interactive-checkbox-default: #7C3AED;
  --bh-interactive-checkbox-hover: #6D28D9;
  --bh-interactive-radiobutton-default: #7C3AED;
  --bh-interactive-radiobutton-hover: #6D28D9;
  --bh-interactive-table-header: rgb(229 211 246 / 0.05);
  --bh-interactive-indicator-default: #7C3AED;
  --bh-chart-brand-default: #6D28D9;
  --bh-chart-neutral-default: #392B45;
  --bh-alpha-alpha-transparent-to-100: rgb(239 224 252 / 0.15);
  --bh-alpha-alpha-transparent-to-500: rgb(229 211 246 / 0.32);
  --accent: var(--bh-interactive-ghost-hover);
  --accent-foreground: var(--bh-content-default);
  --accent-hover: var(--bh-interactive-ghost-pressed);
  --background: var(--bh-bg-default);
  --border: var(--bh-border-default);
  --card: var(--bh-bg-raised);
  --card-foreground: var(--bh-content-default);
  --danger-ring: var(--bh-border-focus-danger);
  --destructive: var(--bh-interactive-danger-default);
  --destructive-foreground: var(--bh-content-on-color);
  --destructive-hover: var(--bh-interactive-danger-hover);
  --destructive-pressed: var(--bh-interactive-danger-pressed);
  --destructive-soft: var(--bh-interactive-danger-soft-default);
  --destructive-soft-foreground: var(--bh-content-danger-default);
  --destructive-soft-hover: var(--bh-interactive-danger-soft-hover);
  --destructive-soft-pressed: var(--bh-interactive-danger-soft-pressed);
  --foreground: var(--bh-content-default);
  --ghost: var(--bh-interactive-ghost-default);
  --ghost-hover: var(--bh-interactive-ghost-hover);
  --ghost-pressed: var(--bh-interactive-ghost-pressed);
  --input: var(--bh-border-input);
  --muted: var(--bh-bg-muted);
  --muted-foreground: var(--bh-content-muted);
  --outline: var(--bh-interactive-outlined-default);
  --outline-hover: var(--bh-interactive-outlined-hover);
  --outline-pressed: var(--bh-interactive-outlined-pressed);
  --popover: var(--bh-bg-raised);
  --popover-foreground: var(--bh-content-default);
  --primary: var(--bh-interactive-brand-default);
  --primary-foreground: var(--bh-content-on-brand);
  --primary-hover: var(--bh-interactive-brand-hover);
  --primary-pressed: var(--bh-interactive-brand-pressed);
  --ring: var(--bh-border-focus);
  --secondary: var(--bh-interactive-secondary-default);
  --secondary-foreground: var(--bh-content-default);
  --secondary-hover: var(--bh-interactive-secondary-hover);
  --secondary-pressed: var(--bh-interactive-secondary-pressed);
  --soft: var(--bh-interactive-soft-default);
  --soft-hover: var(--bh-interactive-soft-hover);
  --soft-pressed: var(--bh-interactive-soft-pressed);
  --success: var(--bh-bg-success-default);
  --success-foreground: var(--bh-content-on-color);
  --success-hover: var(--bh-bg-success-bold);
  --success-pressed: var(--bh-bg-success-strong);
  --warning: var(--bh-bg-warning-default);
  --warning-foreground: var(--bh-content-on-light);
  --warning-hover: var(--bh-bg-warning-bold);
  --warning-pressed: var(--bh-bg-warning-strong);
  --warning-soft: var(--bh-bg-warning-subtle);
  --warning-soft-foreground: var(--bh-content-warning-default);
  --warning-soft-hover: var(--bh-bg-warning-soft);
  --bh-pagination-active-bg: var(--bh-interactive-brand-default);
  --bh-pagination-active-border: var(--bh-border-subtle);
  --bh-pagination-active-content: var(--bh-content-on-brand);
  --bh-pagination-caption-content: var(--bh-content-subtle);
  --bh-pagination-control-content: var(--bh-content-default);
  --bh-pagination-control-ghost-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-control-ghost-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-control-ghost-pressed: var(--bh-interactive-ghost-pressed);
  --bh-pagination-control-soft-bg: var(--bh-interactive-soft-default);
  --bh-pagination-control-soft-hover: var(--bh-interactive-soft-hover);
  --bh-pagination-control-soft-pressed: var(--bh-interactive-soft-pressed);
  --bh-pagination-page-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-page-content: var(--bh-content-subtle);
  --bh-pagination-page-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-page-pressed: var(--bh-interactive-ghost-pressed);
  --bh-select-check-color: var(--bh-interactive-indicator-default);
  --bh-select-item-hover-bg: var(--bh-interactive-ghost-hover);
  --bh-select-menu-bg: var(--bh-bg-raised);
  --bh-select-menu-border: var(--bh-border-subtle);
  --bh-select-trigger-bg: var(--bh-interactive-input-default);
  --bh-select-trigger-bg-disabled: var(--bh-interactive-input-disabled);
  --bh-select-trigger-bg-soft: var(--bh-interactive-input-soft);
  --bh-select-trigger-border: var(--bh-border-input);
  --bh-select-trigger-border-disabled: var(--bh-border-disabled);
  --bh-select-trigger-border-error: var(--bh-border-danger-strong);
  --bh-select-trigger-border-focus: var(--bh-border-focus);
  --bh-select-trigger-icon-color: var(--bh-content-muted);
  --shadow-select-checkbox: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-checkbox-border, var(--bh-border-input)), var(--shadow-component-default);
  --shadow-select-danger-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-error, var(--bh-border-danger-strong)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus-danger) 30%, transparent);
  --shadow-select-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-focus, var(--bh-border-focus)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
  --shadow-select-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-component-default);
  --shadow-select-trigger: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-current, var(--bh-select-trigger-border)), var(--shadow-component-default);

}

.dark[data-theme="teal"],
.dark [data-theme="teal"] {
  --bh-bg-default: #0B111A;
  --bh-bg-grouped: #0B111A;
  --bh-bg-grouped-surface: #181F29;
  --bh-bg-default-hover: #121721;
  --bh-bg-subtle: #121721;
  --bh-bg-subtle-alpha: rgb(195 216 247 / 0.05);
  --bh-bg-subtle-hover: #181F29;
  --bh-bg-muted: #181F29;
  --bh-bg-muted-hover: #1F252E;
  --bh-bg-dim: #1F252E;
  --bh-bg-dim-hover: #2E3742;
  --bh-bg-raised: #121721;
  --bh-bg-raised-subtle: #0B111A;
  --bh-bg-raised-hover: #181F29;
  --bh-bg-disabled: rgb(195 216 247 / 0.05);
  --bh-bg-inverse: #FAFBFC;
  --bh-bg-always-dark: #181F29;
  --bh-bg-divider: rgb(195 216 247 / 0.11);
  --bh-bg-brand-subtle: rgb(13 148 136 / 0.1);
  --bh-bg-brand-soft: #134E4A;
  --bh-bg-brand-default: #0E8278;
  --bh-bg-brand-bold: #0F766E;
  --bh-bg-brand-strong: #134E4A;
  --bh-bg-neutral-subtle: rgb(195 216 247 / 0.09);
  --bh-bg-neutral-soft: rgb(195 216 247 / 0.11);
  --bh-bg-neutral-medium: #434E5C;
  --bh-bg-neutral-default: #6F7E8F;
  --bh-bg-neutral-bold: #98A5B5;
  --bh-border-default: rgb(195 216 247 / 0.23);
  --bh-border-subtle: rgb(195 216 247 / 0.11);
  --bh-border-strong: #98A5B5;
  --bh-border-disabled: rgb(195 216 247 / 0.11);
  --bh-border-focus: #5EEAD4;
  --bh-border-inverse: #0B111A;
  --bh-border-input: rgb(195 216 247 / 0.23);
  --bh-border-brand-subtle: #134E4A;
  --bh-border-brand-strong: #0E8278;
  --bh-content-default: #FAFBFC;
  --bh-content-subtle: #98A5B5;
  --bh-content-muted: #6F7E8F;
  --bh-content-disabled: #434E5C;
  --bh-content-inverse: #0B111A;
  --bh-content-link: #14B8A6;
  --bh-content-link-hover: #5EEAD4;
  --bh-content-on-light: #0B111A;
  --bh-content-on-brand: #FFFFFF;
  --bh-content-brand-default: #14B8A6;
  --bh-content-brand-strong: #5EEAD4;
  --bh-interactive-brand-default: #0E8278;
  --bh-interactive-brand-hover: #115E59;
  --bh-interactive-brand-pressed: #0E8278;
  --bh-interactive-brand-disabled: rgb(195 216 247 / 0.09);
  --bh-interactive-secondary-default: rgb(195 216 247 / 0.05);
  --bh-interactive-secondary-hover: rgb(195 216 247 / 0.09);
  --bh-interactive-secondary-pressed: rgb(195 216 247 / 0.11);
  --bh-interactive-secondary-disabled: rgb(195 216 247 / 0.09);
  --bh-interactive-soft-default: rgb(195 216 247 / 0.09);
  --bh-interactive-soft-hover: rgb(195 216 247 / 0.11);
  --bh-interactive-soft-pressed: rgb(217 229 247 / 0.13);
  --bh-interactive-soft-disabled: rgb(195 216 247 / 0.09);
  --bh-interactive-ghost-hover: rgb(195 216 247 / 0.05);
  --bh-interactive-ghost-pressed: rgb(195 216 247 / 0.09);
  --bh-interactive-ghost-active: rgb(195 216 247 / 0.09);
  --bh-interactive-outlined-hover: rgb(195 216 247 / 0.05);
  --bh-interactive-outlined-pressed: rgb(195 216 247 / 0.09);
  --bh-interactive-danger-disabled: rgb(195 216 247 / 0.09);
  --bh-interactive-danger-soft-disabled: rgb(195 216 247 / 0.09);
  --bh-interactive-input-default: rgb(195 216 247 / 0.05);
  --bh-interactive-input-disabled: rgb(195 216 247 / 0.05);
  --bh-interactive-input-soft: rgb(195 216 247 / 0.09);
  --bh-interactive-input-soft-disabled: rgb(195 216 247 / 0.05);
  --bh-interactive-switch-default: rgb(195 216 247 / 0.23);
  --bh-interactive-switch-hover: rgb(198 219 247 / 0.3);
  --bh-interactive-switch-disabled: rgb(195 216 247 / 0.09);
  --bh-interactive-switch-handle-disabled: rgb(217 229 247 / 0.13);
  --bh-interactive-checkbox-default: #0E8278;
  --bh-interactive-checkbox-hover: #115E59;
  --bh-interactive-radiobutton-default: #0E8278;
  --bh-interactive-radiobutton-hover: #115E59;
  --bh-interactive-table-header: rgb(195 216 247 / 0.05);
  --bh-interactive-indicator-default: #0D9488;
  --bh-chart-brand-default: #0F766E;
  --bh-chart-neutral-default: #2E3742;
  --bh-alpha-alpha-transparent-to-100: rgb(217 229 247 / 0.13);
  --bh-alpha-alpha-transparent-to-500: rgb(198 219 247 / 0.3);
  --accent: var(--bh-interactive-ghost-hover);
  --accent-foreground: var(--bh-content-default);
  --accent-hover: var(--bh-interactive-ghost-pressed);
  --background: var(--bh-bg-default);
  --border: var(--bh-border-default);
  --card: var(--bh-bg-raised);
  --card-foreground: var(--bh-content-default);
  --danger-ring: var(--bh-border-focus-danger);
  --destructive: var(--bh-interactive-danger-default);
  --destructive-foreground: var(--bh-content-on-color);
  --destructive-hover: var(--bh-interactive-danger-hover);
  --destructive-pressed: var(--bh-interactive-danger-pressed);
  --destructive-soft: var(--bh-interactive-danger-soft-default);
  --destructive-soft-foreground: var(--bh-content-danger-default);
  --destructive-soft-hover: var(--bh-interactive-danger-soft-hover);
  --destructive-soft-pressed: var(--bh-interactive-danger-soft-pressed);
  --foreground: var(--bh-content-default);
  --ghost: var(--bh-interactive-ghost-default);
  --ghost-hover: var(--bh-interactive-ghost-hover);
  --ghost-pressed: var(--bh-interactive-ghost-pressed);
  --input: var(--bh-border-input);
  --muted: var(--bh-bg-muted);
  --muted-foreground: var(--bh-content-muted);
  --outline: var(--bh-interactive-outlined-default);
  --outline-hover: var(--bh-interactive-outlined-hover);
  --outline-pressed: var(--bh-interactive-outlined-pressed);
  --popover: var(--bh-bg-raised);
  --popover-foreground: var(--bh-content-default);
  --primary: var(--bh-interactive-brand-default);
  --primary-foreground: var(--bh-content-on-brand);
  --primary-hover: var(--bh-interactive-brand-hover);
  --primary-pressed: var(--bh-interactive-brand-pressed);
  --ring: var(--bh-border-focus);
  --secondary: var(--bh-interactive-secondary-default);
  --secondary-foreground: var(--bh-content-default);
  --secondary-hover: var(--bh-interactive-secondary-hover);
  --secondary-pressed: var(--bh-interactive-secondary-pressed);
  --soft: var(--bh-interactive-soft-default);
  --soft-hover: var(--bh-interactive-soft-hover);
  --soft-pressed: var(--bh-interactive-soft-pressed);
  --success: var(--bh-bg-success-default);
  --success-foreground: var(--bh-content-on-color);
  --success-hover: var(--bh-bg-success-bold);
  --success-pressed: var(--bh-bg-success-strong);
  --warning: var(--bh-bg-warning-default);
  --warning-foreground: var(--bh-content-on-light);
  --warning-hover: var(--bh-bg-warning-bold);
  --warning-pressed: var(--bh-bg-warning-strong);
  --warning-soft: var(--bh-bg-warning-subtle);
  --warning-soft-foreground: var(--bh-content-warning-default);
  --warning-soft-hover: var(--bh-bg-warning-soft);
  --bh-pagination-active-bg: var(--bh-interactive-brand-default);
  --bh-pagination-active-border: var(--bh-border-subtle);
  --bh-pagination-active-content: var(--bh-content-on-brand);
  --bh-pagination-caption-content: var(--bh-content-subtle);
  --bh-pagination-control-content: var(--bh-content-default);
  --bh-pagination-control-ghost-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-control-ghost-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-control-ghost-pressed: var(--bh-interactive-ghost-pressed);
  --bh-pagination-control-soft-bg: var(--bh-interactive-soft-default);
  --bh-pagination-control-soft-hover: var(--bh-interactive-soft-hover);
  --bh-pagination-control-soft-pressed: var(--bh-interactive-soft-pressed);
  --bh-pagination-page-bg: var(--bh-interactive-ghost-default);
  --bh-pagination-page-content: var(--bh-content-subtle);
  --bh-pagination-page-hover: var(--bh-interactive-ghost-hover);
  --bh-pagination-page-pressed: var(--bh-interactive-ghost-pressed);
  --bh-select-check-color: var(--bh-interactive-indicator-default);
  --bh-select-item-hover-bg: var(--bh-interactive-ghost-hover);
  --bh-select-menu-bg: var(--bh-bg-raised);
  --bh-select-menu-border: var(--bh-border-subtle);
  --bh-select-trigger-bg: var(--bh-interactive-input-default);
  --bh-select-trigger-bg-disabled: var(--bh-interactive-input-disabled);
  --bh-select-trigger-bg-soft: var(--bh-interactive-input-soft);
  --bh-select-trigger-border: var(--bh-border-input);
  --bh-select-trigger-border-disabled: var(--bh-border-disabled);
  --bh-select-trigger-border-error: var(--bh-border-danger-strong);
  --bh-select-trigger-border-focus: var(--bh-border-focus);
  --bh-select-trigger-icon-color: var(--bh-content-muted);
  --shadow-select-checkbox: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-checkbox-border, var(--bh-border-input)), var(--shadow-component-default);
  --shadow-select-danger-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-error, var(--bh-border-danger-strong)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus-danger) 30%, transparent);
  --shadow-select-focus-ring: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-focus, var(--bh-border-focus)), 0px 0px 0px var(--bh-focus-ring-width) color-mix(in srgb, var(--bh-border-focus) 30%, transparent);
  --shadow-select-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-component-default);
  --shadow-select-trigger: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-current, var(--bh-select-trigger-border)), var(--shadow-component-default);

}

/* End Banhaten brand theme dark token modes. */

[data-radius="default"] {
  --bh-control-default: 8px;
  --bh-control-lg: 10px;
  --bh-control-md: 6px;
  --bh-control-sm: 4px;
  --bh-radius-2xl-12: 12px;
  --bh-radius-3xl-16: 16px;
  --bh-radius-4xl-20: 20px;
  --bh-radius-5xl-24: 24px;
  --bh-radius-6xl-28: 28px;
  --bh-radius-full: 9999px;
  --bh-radius-lg-8: 8px;
  --bh-radius-md-6: 6px;
  --bh-radius-none: 0px;
  --bh-radius-sm-4: 4px;
  --bh-radius-xl-10: 10px;
  --bh-radius-xs-2: 2px;
  --radius: var(--bh-control-default);
  --radius-sm: var(--bh-radius-sm-4);
  --radius-md: var(--bh-radius-md-6);
  --radius-lg: var(--bh-radius-lg-8);
  --radius-xl: var(--bh-radius-xl-10);
}

[data-radius="rounded"] {
  --bh-control-default: 9999px;
  --bh-control-lg: 9999px;
  --bh-control-md: 9999px;
  --bh-control-sm: 9999px;
  --bh-radius-2xl-12: 16px;
  --bh-radius-3xl-16: 20px;
  --bh-radius-4xl-20: 24px;
  --bh-radius-5xl-24: 28px;
  --bh-radius-6xl-28: 32px;
  --bh-radius-full: 9999px;
  --bh-radius-lg-8: 10px;
  --bh-radius-md-6: 8px;
  --bh-radius-none: 0px;
  --bh-radius-sm-4: 6px;
  --bh-radius-xl-10: 12px;
  --bh-radius-xs-2: 4px;
  --radius: var(--bh-control-default);
  --radius-sm: var(--bh-radius-sm-4);
  --radius-md: var(--bh-radius-md-6);
  --radius-lg: var(--bh-radius-lg-8);
  --radius-xl: var(--bh-radius-xl-10);
}

[data-radius="sharp"] {
  --bh-control-default: 0px;
  --bh-control-lg: 0px;
  --bh-control-md: 0px;
  --bh-control-sm: 0px;
  --bh-radius-2xl-12: 0px;
  --bh-radius-3xl-16: 0px;
  --bh-radius-4xl-20: 0px;
  --bh-radius-5xl-24: 0px;
  --bh-radius-6xl-28: 0px;
  --bh-radius-full: 9999px;
  --bh-radius-lg-8: 0px;
  --bh-radius-md-6: 0px;
  --bh-radius-none: 0px;
  --bh-radius-sm-4: 0px;
  --bh-radius-xl-10: 0px;
  --bh-radius-xs-2: 0px;
  --radius: var(--bh-control-default);
  --radius-sm: var(--bh-radius-sm-4);
  --radius-md: var(--bh-radius-md-6);
  --radius-lg: var(--bh-radius-lg-8);
  --radius-xl: var(--bh-radius-xl-10);
}

@theme inline {
  --font-sans: var(--bh-font-family);
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-success: var(--success);
  --color-success-foreground: var(--success-foreground);
  --color-warning: var(--warning);
  --color-warning-foreground: var(--warning-foreground);
  --color-destructive: var(--destructive);
  --color-destructive-foreground: var(--destructive-foreground);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --radius-sm: var(--bh-radius-sm-4);
  --radius-md: var(--bh-radius-md-6);
  --radius-lg: var(--bh-radius-lg-8);
  --radius-xl: var(--bh-radius-xl-10);
}

@custom-variant rtl (&:where([dir="rtl"], [dir="rtl"] *));
@custom-variant ltr (&:where([dir="ltr"], [dir="ltr"] *));

@keyframes accordion-down {
  from {
    height: 0;
  }

  to {
    height: var(--radix-accordion-content-height);
  }
}

@keyframes accordion-up {
  from {
    height: var(--radix-accordion-content-height);
  }

  to {
    height: 0;
  }
}

@layer base {
  html {
    font-family: var(--bh-font-family);
  }

  body {
    background: var(--background);
    color: var(--foreground);
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-base-font-size);
    font-weight: var(--bh-text-base-font-weight);
    letter-spacing: var(--bh-text-base-letter-spacing);
    line-height: var(--bh-text-base-line-height);
  }
}

@layer utilities {
  .bh-text-display-xl {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-display-xl-font-size);
    font-weight: var(--bh-text-display-xl-font-weight);
    letter-spacing: var(--bh-text-display-xl-letter-spacing);
    line-height: var(--bh-text-display-xl-line-height);
  }

  .bh-text-display-lg {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-display-lg-font-size);
    font-weight: var(--bh-text-display-lg-font-weight);
    letter-spacing: var(--bh-text-display-lg-letter-spacing);
    line-height: var(--bh-text-display-lg-line-height);
  }

  .bh-text-display-md {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-display-md-font-size);
    font-weight: var(--bh-text-display-md-font-weight);
    letter-spacing: var(--bh-text-display-md-letter-spacing);
    line-height: var(--bh-text-display-md-line-height);
  }

  .bh-text-display-sm {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-display-sm-font-size);
    font-weight: var(--bh-text-display-sm-font-weight);
    letter-spacing: var(--bh-text-display-sm-letter-spacing);
    line-height: var(--bh-text-display-sm-line-height);
  }

  .bh-text-heading-3xl-bold {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-heading-3xl-bold-font-size);
    font-weight: var(--bh-text-heading-3xl-bold-font-weight);
    letter-spacing: var(--bh-text-heading-3xl-bold-letter-spacing);
    line-height: var(--bh-text-heading-3xl-bold-line-height);
  }

  .bh-text-heading-3xl-medium {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-heading-3xl-medium-font-size);
    font-weight: var(--bh-text-heading-3xl-medium-font-weight);
    letter-spacing: var(--bh-text-heading-3xl-medium-letter-spacing);
    line-height: var(--bh-text-heading-3xl-medium-line-height);
  }

  .bh-text-heading-2xl-bold {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-heading-2xl-bold-font-size);
    font-weight: var(--bh-text-heading-2xl-bold-font-weight);
    letter-spacing: var(--bh-text-heading-2xl-bold-letter-spacing);
    line-height: var(--bh-text-heading-2xl-bold-line-height);
  }

  .bh-text-heading-2xl-medium {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-heading-2xl-medium-font-size);
    font-weight: var(--bh-text-heading-2xl-medium-font-weight);
    letter-spacing: var(--bh-text-heading-2xl-medium-letter-spacing);
    line-height: var(--bh-text-heading-2xl-medium-line-height);
  }

  .bh-text-heading-xl-bold {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-heading-xl-bold-font-size);
    font-weight: var(--bh-text-heading-xl-bold-font-weight);
    letter-spacing: var(--bh-text-heading-xl-bold-letter-spacing);
    line-height: var(--bh-text-heading-xl-bold-line-height);
  }

  .bh-text-heading-xl-medium {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-heading-xl-medium-font-size);
    font-weight: var(--bh-text-heading-xl-medium-font-weight);
    letter-spacing: var(--bh-text-heading-xl-medium-letter-spacing);
    line-height: var(--bh-text-heading-xl-medium-line-height);
  }

  .bh-text-heading-lg-semibold {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-heading-lg-semibold-font-size);
    font-weight: var(--bh-text-heading-lg-semibold-font-weight);
    letter-spacing: var(--bh-text-heading-lg-semibold-letter-spacing);
    line-height: var(--bh-text-heading-lg-semibold-line-height);
  }

  .bh-text-heading-lg-medium {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-heading-lg-medium-font-size);
    font-weight: var(--bh-text-heading-lg-medium-font-weight);
    letter-spacing: var(--bh-text-heading-lg-medium-letter-spacing);
    line-height: var(--bh-text-heading-lg-medium-line-height);
  }

  .bh-text-heading-md-semibold {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-heading-md-semibold-font-size);
    font-weight: var(--bh-text-heading-md-semibold-font-weight);
    letter-spacing: var(--bh-text-heading-md-semibold-letter-spacing);
    line-height: var(--bh-text-heading-md-semibold-line-height);
  }

  .bh-text-heading-md-medium {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-heading-md-medium-font-size);
    font-weight: var(--bh-text-heading-md-medium-font-weight);
    letter-spacing: var(--bh-text-heading-md-medium-letter-spacing);
    line-height: var(--bh-text-heading-md-medium-line-height);
  }

  .bh-text-heading-sm-semibold {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-heading-sm-semibold-font-size);
    font-weight: var(--bh-text-heading-sm-semibold-font-weight);
    letter-spacing: var(--bh-text-heading-sm-semibold-letter-spacing);
    line-height: var(--bh-text-heading-sm-semibold-line-height);
  }

  .bh-text-heading-sm-medium {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-heading-sm-medium-font-size);
    font-weight: var(--bh-text-heading-sm-medium-font-weight);
    letter-spacing: var(--bh-text-heading-sm-medium-letter-spacing);
    line-height: var(--bh-text-heading-sm-medium-line-height);
  }

  .bh-text-heading-xs-semibold {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-heading-xs-semibold-font-size);
    font-weight: var(--bh-text-heading-xs-semibold-font-weight);
    letter-spacing: var(--bh-text-heading-xs-semibold-letter-spacing);
    line-height: var(--bh-text-heading-xs-semibold-line-height);
  }

  .bh-text-heading-xs-medium {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-heading-xs-medium-font-size);
    font-weight: var(--bh-text-heading-xs-medium-font-weight);
    letter-spacing: var(--bh-text-heading-xs-medium-letter-spacing);
    line-height: var(--bh-text-heading-xs-medium-line-height);
  }

  .bh-text-body-xl-semibold {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-xl-semibold-font-size);
    font-weight: var(--bh-text-body-xl-semibold-font-weight);
    letter-spacing: var(--bh-text-body-xl-semibold-letter-spacing);
    line-height: var(--bh-text-body-xl-semibold-line-height);
  }

  .bh-text-body-xl-medium {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-xl-medium-font-size);
    font-weight: var(--bh-text-body-xl-medium-font-weight);
    letter-spacing: var(--bh-text-body-xl-medium-letter-spacing);
    line-height: var(--bh-text-body-xl-medium-line-height);
  }

  .bh-text-body-xl-regular {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-xl-regular-font-size);
    font-weight: var(--bh-text-body-xl-regular-font-weight);
    letter-spacing: var(--bh-text-body-xl-regular-letter-spacing);
    line-height: var(--bh-text-body-xl-regular-line-height);
  }

  .bh-text-body-lg-semibold {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-lg-semibold-font-size);
    font-weight: var(--bh-text-body-lg-semibold-font-weight);
    letter-spacing: var(--bh-text-body-lg-semibold-letter-spacing);
    line-height: var(--bh-text-body-lg-semibold-line-height);
  }

  .bh-text-body-lg-medium {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-lg-medium-font-size);
    font-weight: var(--bh-text-body-lg-medium-font-weight);
    letter-spacing: var(--bh-text-body-lg-medium-letter-spacing);
    line-height: var(--bh-text-body-lg-medium-line-height);
  }

  .bh-text-body-lg-regular {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-lg-regular-font-size);
    font-weight: var(--bh-text-body-lg-regular-font-weight);
    letter-spacing: var(--bh-text-body-lg-regular-letter-spacing);
    line-height: var(--bh-text-body-lg-regular-line-height);
  }

  .bh-text-body-lg-underline {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-lg-underline-font-size);
    font-weight: var(--bh-text-body-lg-underline-font-weight);
    letter-spacing: var(--bh-text-body-lg-underline-letter-spacing);
    line-height: var(--bh-text-body-lg-underline-line-height);
    text-decoration-line: underline;
    text-underline-offset: 0.125em;
  }

  .bh-text-body-md-semibold {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-md-semibold-font-size);
    font-weight: var(--bh-text-body-md-semibold-font-weight);
    letter-spacing: var(--bh-text-body-md-semibold-letter-spacing);
    line-height: var(--bh-text-body-md-semibold-line-height);
  }

  .bh-text-body-md-medium {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-md-medium-font-size);
    font-weight: var(--bh-text-body-md-medium-font-weight);
    letter-spacing: var(--bh-text-body-md-medium-letter-spacing);
    line-height: var(--bh-text-body-md-medium-line-height);
  }

  .bh-text-body-md-regular {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-md-regular-font-size);
    font-weight: var(--bh-text-body-md-regular-font-weight);
    letter-spacing: var(--bh-text-body-md-regular-letter-spacing);
    line-height: var(--bh-text-body-md-regular-line-height);
  }

  .bh-text-body-md-underline {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-md-underline-font-size);
    font-weight: var(--bh-text-body-md-underline-font-weight);
    letter-spacing: var(--bh-text-body-md-underline-letter-spacing);
    line-height: var(--bh-text-body-md-underline-line-height);
    text-decoration-line: underline;
    text-underline-offset: 0.125em;
  }

  .bh-text-body-sm-semibold {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-sm-semibold-font-size);
    font-weight: var(--bh-text-body-sm-semibold-font-weight);
    letter-spacing: var(--bh-text-body-sm-semibold-letter-spacing);
    line-height: var(--bh-text-body-sm-semibold-line-height);
  }

  .bh-text-body-sm-medium {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-sm-medium-font-size);
    font-weight: var(--bh-text-body-sm-medium-font-weight);
    letter-spacing: var(--bh-text-body-sm-medium-letter-spacing);
    line-height: var(--bh-text-body-sm-medium-line-height);
  }

  .bh-text-body-sm-regular {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-sm-regular-font-size);
    font-weight: var(--bh-text-body-sm-regular-font-weight);
    letter-spacing: var(--bh-text-body-sm-regular-letter-spacing);
    line-height: var(--bh-text-body-sm-regular-line-height);
  }

  .bh-text-body-xs-semibold {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-xs-semibold-font-size);
    font-weight: var(--bh-text-body-xs-semibold-font-weight);
    letter-spacing: var(--bh-text-body-xs-semibold-letter-spacing);
    line-height: var(--bh-text-body-xs-semibold-line-height);
  }

  .bh-text-body-xs-medium {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-xs-medium-font-size);
    font-weight: var(--bh-text-body-xs-medium-font-weight);
    letter-spacing: var(--bh-text-body-xs-medium-letter-spacing);
    line-height: var(--bh-text-body-xs-medium-line-height);
  }

  .bh-text-body-xs-regular {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-xs-regular-font-size);
    font-weight: var(--bh-text-body-xs-regular-font-weight);
    letter-spacing: var(--bh-text-body-xs-regular-letter-spacing);
    line-height: var(--bh-text-body-xs-regular-line-height);
  }

  .bh-text-body-xs-underline {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-xs-underline-font-size);
    font-weight: var(--bh-text-body-xs-underline-font-weight);
    letter-spacing: var(--bh-text-body-xs-underline-letter-spacing);
    line-height: var(--bh-text-body-xs-underline-line-height);
    text-decoration-line: underline;
    text-underline-offset: 0.125em;
  }

  .bh-text-body-2xs-semibold {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-2xs-semibold-font-size);
    font-weight: var(--bh-text-body-2xs-semibold-font-weight);
    letter-spacing: var(--bh-text-body-2xs-semibold-letter-spacing);
    line-height: var(--bh-text-body-2xs-semibold-line-height);
  }

  .bh-text-body-2xs-medium {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-2xs-medium-font-size);
    font-weight: var(--bh-text-body-2xs-medium-font-weight);
    letter-spacing: var(--bh-text-body-2xs-medium-letter-spacing);
    line-height: var(--bh-text-body-2xs-medium-line-height);
  }

  .bh-text-body-2xs-regular {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-2xs-regular-font-size);
    font-weight: var(--bh-text-body-2xs-regular-font-weight);
    letter-spacing: var(--bh-text-body-2xs-regular-letter-spacing);
    line-height: var(--bh-text-body-2xs-regular-line-height);
  }

  .bh-text-body-2xs-underline {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-2xs-underline-font-size);
    font-weight: var(--bh-text-body-2xs-underline-font-weight);
    letter-spacing: var(--bh-text-body-2xs-underline-letter-spacing);
    line-height: var(--bh-text-body-2xs-underline-line-height);
    text-decoration-line: underline;
    text-underline-offset: 0.125em;
  }

  .bh-text-body-3xs-semibold {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-3xs-semibold-font-size);
    font-weight: var(--bh-text-body-3xs-semibold-font-weight);
    letter-spacing: var(--bh-text-body-3xs-semibold-letter-spacing);
    line-height: var(--bh-text-body-3xs-semibold-line-height);
  }

  .bh-text-body-3xs-medium {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-3xs-medium-font-size);
    font-weight: var(--bh-text-body-3xs-medium-font-weight);
    letter-spacing: var(--bh-text-body-3xs-medium-letter-spacing);
    line-height: var(--bh-text-body-3xs-medium-line-height);
  }

  .bh-text-body-3xs-regular {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-3xs-regular-font-size);
    font-weight: var(--bh-text-body-3xs-regular-font-weight);
    letter-spacing: var(--bh-text-body-3xs-regular-letter-spacing);
    line-height: var(--bh-text-body-3xs-regular-line-height);
  }

  .bh-text-body-md {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-body-md-font-size);
    font-weight: var(--bh-text-body-md-font-weight);
    letter-spacing: var(--bh-text-body-md-letter-spacing);
    line-height: var(--bh-text-body-md-line-height);
  }

  .bh-text-base {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-base-font-size);
    font-weight: var(--bh-text-base-font-weight);
    letter-spacing: var(--bh-text-base-letter-spacing);
    line-height: var(--bh-text-base-line-height);
  }

  .bh-text-button {
    font-family: var(--bh-font-family);
    font-size: var(--bh-text-button-font-size);
    font-weight: var(--bh-text-button-font-weight);
    letter-spacing: var(--bh-text-button-letter-spacing);
    line-height: var(--bh-text-button-line-height);
  }
}

/* End Banhaten design system tokens. */
