banhaten 0.3.0 → 0.5.0

package/registry/styles/globals.css

@@ -1,240 +1,68 @@
 /* Banhaten design system tokens: deterministically generated from tokens/banhaten.tokens.json and tokens/banhaten.utilities.css. */
 
 :root,
-[data-theme="blue"] {
+[data-theme="gray"],
+[data-theme="blue"],
+[data-theme="brown"],
+[data-theme="orange"],
+[data-theme="green"],
+[data-theme="purple"],
+[data-theme="teal"],
+.dark,
+.dark[data-theme="blue"],
+.dark [data-theme="blue"],
+.dark[data-theme="gray"],
+.dark [data-theme="gray"],
+.dark[data-theme="brown"],
+.dark [data-theme="brown"],
+.dark[data-theme="orange"],
+.dark [data-theme="orange"],
+.dark[data-theme="green"],
+.dark [data-theme="green"],
+.dark[data-theme="purple"],
+.dark [data-theme="purple"],
+.dark[data-theme="teal"],
+.dark [data-theme="teal"] {
   --accent: var(--bh-interactive-ghost-hover);
   --accent-foreground: var(--bh-content-default);
   --accent-hover: var(--bh-interactive-ghost-pressed);
   --background: var(--bh-bg-default);
-  --bh-activity-feed-compact-width: 600px;
-  --bh-activity-feed-completed-brightness: 0.99;
-  --bh-alert-compact-height: calc(var(--bh-space-8xl-48) + var(--bh-space-md-8));
-  --bh-alert-compact-padding: var(--bh-space-3xl-16);
-  --bh-alert-compact-radius: var(--bh-radius-lg-8);
-  --bh-alert-compact-width: 470px;
-  --bh-alert-expanded-height: calc(var(--bh-space-12xl-128) + var(--bh-space-3xl-16));
-  --bh-alert-expanded-padding-x: var(--bh-space-3xl-16);
-  --bh-alert-expanded-padding-y: var(--bh-space-4xl-20);
-  --bh-alert-expanded-radius: var(--bh-radius-xl-10);
-  --bh-alert-expanded-rtl-height: calc(var(--bh-space-11xl-96) + var(--bh-space-5xl-24));
-  --bh-alert-expanded-width: 500px;
-  --bh-alert-icon-size: var(--bh-space-4xl-20);
-  --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-amber-100: #FFE7BE;
   --bh-amber-300: #FFC369;
-  --bh-amber-50: #FFF2DB;
   --bh-amber-500: #EE7300;
   --bh-amber-600: #CD6103;
-  --bh-amber-700: #AC4C03;
   --bh-amber-800: #863E07;
   --bh-amber-900: #652C07;
-  --bh-aqua-100: #BBFAEA;
-  --bh-aqua-200: #87F0D5;
-  --bh-aqua-50: #DBFFF6;
   --bh-aqua-500: #03A980;
-  --bh-aqua-600: #03906E;
-  --bh-aqua-700: #076F57;
-  --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-avatar-action-icon-size-2xl: var(--bh-space-2xl-14);
-  --bh-avatar-action-icon-size-3xl: 18px;
-  --bh-avatar-action-icon-size-4xl: 22px;
-  --bh-avatar-action-icon-size-large: var(--bh-space-lg-10);
-  --bh-avatar-action-icon-size-medium: 9px;
-  --bh-avatar-action-icon-size-small: var(--bh-space-md-8);
-  --bh-avatar-action-icon-size-tiny: var(--bh-space-sm-6);
-  --bh-avatar-action-icon-size-xlarge: var(--bh-space-xl-12);
-  --bh-avatar-action-icon-size-xsmall: 7px;
-  --bh-avatar-action-size-2xl: var(--bh-space-5xl-24);
-  --bh-avatar-action-size-3xl: var(--bh-space-6xl-32);
-  --bh-avatar-action-size-4xl: var(--bh-space-7xl-40);
-  --bh-avatar-action-size-large: 18px;
-  --bh-avatar-action-size-medium: var(--bh-space-3xl-16);
-  --bh-avatar-action-size-small: var(--bh-space-2xl-14);
-  --bh-avatar-action-size-tiny: var(--bh-space-lg-10);
-  --bh-avatar-action-size-xlarge: var(--bh-space-4xl-20);
-  --bh-avatar-action-size-xsmall: var(--bh-space-xl-12);
-  --bh-avatar-fallback-font-size-2xl: var(--bh-text-body-sm-semibold-font-size);
-  --bh-avatar-fallback-font-size-2xs: 9px;
-  --bh-avatar-fallback-font-size-3xl: var(--bh-text-body-md-semibold-font-size);
-  --bh-avatar-fallback-font-size-4xl: var(--bh-text-body-md-semibold-font-size);
-  --bh-avatar-fallback-font-size-lg: var(--bh-text-body-sm-semibold-font-size);
-  --bh-avatar-fallback-font-size-md: var(--bh-text-body-2xs-semibold-font-size);
-  --bh-avatar-fallback-font-size-sm: var(--bh-text-body-2xs-semibold-font-size);
-  --bh-avatar-fallback-font-size-xl: var(--bh-text-body-sm-semibold-font-size);
-  --bh-avatar-fallback-font-size-xs: var(--bh-space-lg-10);
-  --bh-avatar-icon-size-2xl: var(--bh-radius-6xl-28);
-  --bh-avatar-icon-size-2xs: var(--bh-space-lg-10);
-  --bh-avatar-icon-size-3xl: var(--bh-space-6xl-32);
-  --bh-avatar-icon-size-4xl: 36px;
-  --bh-avatar-icon-size-lg: var(--bh-space-4xl-20);
-  --bh-avatar-icon-size-md: var(--bh-space-4xl-20);
-  --bh-avatar-icon-size-sm: var(--bh-space-3xl-16);
-  --bh-avatar-icon-size-xl: var(--bh-space-5xl-24);
-  --bh-avatar-icon-size-xs: var(--bh-space-xl-12);
-  --bh-avatar-size-2xl: var(--bh-space-8xl-48);
-  --bh-avatar-size-2xs: var(--bh-space-3xl-16);
-  --bh-avatar-size-3xl: 56px;
-  --bh-avatar-size-4xl: var(--bh-space-9xl-64);
-  --bh-avatar-size-lg: 36px;
-  --bh-avatar-size-md: var(--bh-space-6xl-32);
-  --bh-avatar-size-sm: var(--bh-space-5xl-24);
-  --bh-avatar-size-xl: var(--bh-space-7xl-40);
-  --bh-avatar-size-xs: var(--bh-space-4xl-20);
-  --bh-avatar-status-ring-default: var(--bh-space-xxs-2);
-  --bh-avatar-status-ring-thin: var(--bh-space-xxxs-1);
-  --bh-avatar-status-size-large: var(--bh-space-3xl-16);
-  --bh-avatar-status-size-medium: var(--bh-space-2xl-14);
-  --bh-avatar-status-size-small: var(--bh-space-lg-10);
-  --bh-avatar-status-size-tiny: var(--bh-space-sm-6);
-  --bh-avatar-status-size-xlarge: var(--bh-space-4xl-20);
-  --bh-avatar-status-size-xsmall: var(--bh-space-md-8);
-  --bh-badge-focus-ring-width: var(--bh-space-xs-4);
-  --bh-badge-outline-border-width: calc(var(--bh-border-width-default) + (var(--bh-border-width-default) / 2));
   --bh-base-white: #FFFFFF;
-  --bh-bg-accent-amber-default: var(--bh-amber-500);
-  --bh-bg-accent-amber-soft: var(--bh-amber-100);
-  --bh-bg-accent-amber-subtle: var(--bh-amber-50);
   --bh-bg-accent-aqua-default: var(--bh-aqua-500);
-  --bh-bg-accent-aqua-soft: var(--bh-aqua-100);
-  --bh-bg-accent-aqua-subtle: var(--bh-aqua-50);
   --bh-bg-accent-blue-bold: var(--bh-blue-600);
   --bh-bg-accent-blue-default: var(--bh-blue-500);
-  --bh-bg-accent-blue-soft: var(--bh-blue-100);
-  --bh-bg-accent-blue-subtle: var(--bh-blue-50);
   --bh-bg-accent-fuchsia-default: var(--bh-fuchsia-500);
-  --bh-bg-accent-fuchsia-soft: var(--bh-fuchsia-100);
-  --bh-bg-accent-fuchsia-subtle: var(--bh-fuchsia-50);
-  --bh-bg-accent-golden-bold: var(--bh-golden-600);
-  --bh-bg-accent-golden-default: var(--bh-golden-400);
-  --bh-bg-accent-golden-soft: var(--bh-golden-100);
-  --bh-bg-accent-golden-subtle: var(--bh-golden-50);
   --bh-bg-accent-green-default: var(--bh-green-500);
-  --bh-bg-accent-green-soft: var(--bh-green-100);
-  --bh-bg-accent-green-subtle: var(--bh-green-50);
   --bh-bg-accent-lime-default: var(--bh-lime-500);
-  --bh-bg-accent-lime-soft: var(--bh-lime-100);
-  --bh-bg-accent-lime-subtle: var(--bh-lime-50);
   --bh-bg-accent-purple-default: var(--bh-purple-500);
-  --bh-bg-accent-purple-soft: var(--bh-purple-100);
-  --bh-bg-accent-purple-subtle: var(--bh-purple-50);
-  --bh-bg-accent-red-default: var(--bh-red-500);
-  --bh-bg-accent-red-soft: var(--bh-red-100);
-  --bh-bg-accent-red-subtle: var(--bh-red-50);
   --bh-bg-accent-rose-bold: var(--bh-rose-600);
   --bh-bg-accent-rose-default: var(--bh-rose-500);
-  --bh-bg-accent-rose-soft: var(--bh-rose-100);
-  --bh-bg-accent-rose-subtle: var(--bh-rose-50);
   --bh-bg-accent-sky-base: var(--bh-sky-500);
-  --bh-bg-accent-sky-soft: var(--bh-sky-100);
-  --bh-bg-accent-sky-subtle: var(--bh-sky-50);
-  --bh-bg-always-dark: var(--bh-colors-neutral-900);
   --bh-bg-always-white: var(--bh-base-white);
   --bh-bg-backdrop: rgb(0 0 0 / 0.5);
-  --bh-bg-brand-bold: var(--bh-colors-brand-surface-bold-light);
-  --bh-bg-brand-default: var(--bh-colors-brand-surface-base);
-  --bh-bg-brand-soft: var(--bh-colors-brand-surface-soft-light);
-  --bh-bg-brand-strong: var(--bh-colors-brand-surface-strong-light);
-  --bh-bg-brand-subtle: var(--bh-colors-brand-surface-subtle-light);
-  --bh-bg-danger-default: var(--bh-red-500);
-  --bh-bg-danger-soft: var(--bh-red-100);
-  --bh-bg-danger-subtle: var(--bh-red-50);
-  --bh-bg-default: var(--bh-base-white);
-  --bh-bg-default-hover: var(--bh-colors-neutral-50);
-  --bh-bg-dim: var(--bh-colors-neutral-200);
-  --bh-bg-dim-hover: var(--bh-colors-neutral-300);
-  --bh-bg-disabled: var(--bh-colors-neutral-50);
-  --bh-bg-divider: var(--bh-colors-neutral-alpha-300);
-  --bh-bg-grouped: var(--bh-colors-neutral-100);
-  --bh-bg-grouped-surface: var(--bh-base-white);
-  --bh-bg-info-bold: var(--bh-blue-600);
-  --bh-bg-info-default: var(--bh-blue-500);
-  --bh-bg-info-soft: var(--bh-blue-100);
-  --bh-bg-info-strong: var(--bh-blue-700);
-  --bh-bg-info-subtle: var(--bh-blue-50);
-  --bh-bg-inverse: var(--bh-colors-neutral-950);
-  --bh-bg-muted: var(--bh-colors-neutral-100);
-  --bh-bg-muted-hover: var(--bh-colors-neutral-200);
-  --bh-bg-neutral-bold: var(--bh-colors-neutral-800);
-  --bh-bg-neutral-default: var(--bh-colors-neutral-700);
-  --bh-bg-neutral-medium: var(--bh-colors-neutral-500);
-  --bh-bg-neutral-soft: var(--bh-colors-neutral-alpha-200);
-  --bh-bg-neutral-subtle: var(--bh-colors-neutral-alpha-100);
-  --bh-bg-raised: var(--bh-base-white);
-  --bh-bg-raised-hover: var(--bh-colors-neutral-50);
-  --bh-bg-raised-subtle: var(--bh-colors-neutral-50);
-  --bh-bg-subtle: var(--bh-colors-neutral-50);
-  --bh-bg-subtle-alpha: var(--bh-colors-neutral-50);
-  --bh-bg-subtle-hover: var(--bh-colors-neutral-100);
-  --bh-bg-success-bold: var(--bh-green-600);
-  --bh-bg-success-default: var(--bh-green-500);
-  --bh-bg-success-soft: var(--bh-green-100);
-  --bh-bg-success-strong: var(--bh-green-700);
-  --bh-bg-success-subtle: var(--bh-green-50);
-  --bh-bg-warning-bold: var(--bh-amber-600);
-  --bh-bg-warning-default: var(--bh-amber-500);
-  --bh-bg-warning-soft: var(--bh-amber-100);
-  --bh-bg-warning-strong: var(--bh-amber-700);
-  --bh-bg-warning-subtle: var(--bh-amber-50);
-  --bh-blue-100: #D6EAFF;
   --bh-blue-200: #BBDAFF;
-  --bh-blue-300: #8DBDFF;
-  --bh-blue-400: #5B97FF;
-  --bh-blue-50: #EBF5FF;
   --bh-blue-500: #3276FF;
   --bh-blue-600: #245DED;
-  --bh-blue-700: #1D49BF;
-  --bh-blue-800: #11318F;
   --bh-blue-900: #0A1B63;
-  --bh-blue-alpha10: rgb(50 118 255 / 0.1);
   --bh-border-accent-amber-strong: var(--bh-amber-500);
-  --bh-border-accent-amber-subtle: var(--bh-amber-300);
   --bh-border-accent-aqua-strong: var(--bh-aqua-500);
-  --bh-border-accent-aqua-subtle: var(--bh-aqua-200);
   --bh-border-accent-blue-strong: var(--bh-blue-500);
-  --bh-border-accent-blue-subtle: var(--bh-blue-200);
   --bh-border-accent-fuchsia-strong: var(--bh-fuchsia-500);
-  --bh-border-accent-fuchsia-subtle: var(--bh-fuchsia-200);
-  --bh-border-accent-golden-strong: var(--bh-golden-600);
-  --bh-border-accent-golden-subtle: var(--bh-golden-300);
   --bh-border-accent-green-strong: var(--bh-green-500);
-  --bh-border-accent-green-subtle: var(--bh-green-200);
-  --bh-border-accent-lime-strong: var(--bh-lime-600);
-  --bh-border-accent-lime-subtle: var(--bh-lime-200);
   --bh-border-accent-purple-strong: var(--bh-purple-500);
-  --bh-border-accent-purple-subtle: var(--bh-purple-200);
   --bh-border-accent-red-strong: var(--bh-red-500);
-  --bh-border-accent-red-subtle: var(--bh-red-200);
   --bh-border-accent-rose-strong: var(--bh-rose-500);
-  --bh-border-accent-rose-subtle: var(--bh-rose-200);
   --bh-border-accent-sky-strong: var(--bh-sky-500);
-  --bh-border-accent-sky-subtle: var(--bh-sky-200);
-  --bh-border-brand-strong: var(--bh-colors-brand-border-border-strong);
-  --bh-border-brand-subtle: var(--bh-colors-brand-border-border-subtle);
   --bh-border-danger-strong: var(--bh-red-500);
-  --bh-border-danger-subtle: var(--bh-red-300);
-  --bh-border-default: var(--bh-colors-neutral-alpha-400);
-  --bh-border-disabled: var(--bh-colors-neutral-alpha-200);
-  --bh-border-focus: var(--bh-colors-brand-focused-light);
-  --bh-border-focus-danger: var(--bh-red-400);
   --bh-border-info-strong: var(--bh-blue-500);
-  --bh-border-info-subtle: var(--bh-blue-200);
-  --bh-border-input: var(--bh-colors-neutral-alpha-400);
-  --bh-border-inverse: var(--bh-base-white);
-  --bh-border-inverse-subtle: rgb(255 255 255 / 0.15);
-  --bh-border-strong: var(--bh-colors-neutral-800);
-  --bh-border-subtle: var(--bh-colors-neutral-alpha-300);
   --bh-border-success-strong: var(--bh-green-500);
-  --bh-border-success-subtle: var(--bh-green-200);
   --bh-border-warning-strong: var(--bh-amber-500);
-  --bh-border-warning-subtle: var(--bh-amber-300);
-  --bh-border-width-default: var(--bh-space-xxxs-1);
-  --bh-border-width-strong: var(--bh-space-xxs-2);
-  --bh-button-gap: var(--bh-space-xs-4);
-  --bh-button-gap-xs: var(--bh-space-xxs-2);
   --bh-button-group-bg: var(--bh-bg-subtle);
   --bh-button-group-border: var(--bh-border-default);
   --bh-button-group-content: var(--bh-button-group-content-default);
@@ -242,70 +70,13 @@
   --bh-button-group-content-default: var(--bh-content-subtle);
   --bh-button-group-content-disabled: var(--bh-content-disabled);
   --bh-button-group-divider: var(--bh-border-subtle);
-  --bh-button-group-icon-size: var(--bh-space-4xl-20);
   --bh-button-group-item-active-bg: var(--bh-interactive-ghost-active);
   --bh-button-group-item-bg: var(--bh-interactive-ghost-default);
   --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-item-hover-bg: var(--bh-interactive-ghost-hover);
   --bh-button-group-item-pressed-bg: var(--bh-interactive-ghost-pressed);
-  --bh-button-group-label-padding-x: var(--bh-space-xxs-2);
-  --bh-button-group-md-gap: var(--bh-space-xs-4);
-  --bh-button-group-md-height: var(--bh-space-7xl-40);
-  --bh-button-group-md-icon-padding-x: var(--bh-space-lg-10);
-  --bh-button-group-md-item-rtl-width: 124px;
-  --bh-button-group-md-item-width: var(--bh-space-12xl-128);
-  --bh-button-group-md-padding-x: var(--bh-space-2xl-14);
-  --bh-button-group-radius: var(--bh-control-default);
-  --bh-button-group-sm-gap: var(--bh-space-xs-4);
-  --bh-button-group-sm-height: var(--bh-button-sm-height);
-  --bh-button-group-sm-icon-padding-x: var(--bh-space-md-8);
-  --bh-button-group-sm-item-rtl-width: 116px;
-  --bh-button-group-sm-item-width: 120px;
-  --bh-button-group-sm-padding-x: var(--bh-space-lg-10);
-  --bh-button-group-xs-gap: var(--bh-space-xxs-2);
-  --bh-button-group-xs-height: var(--bh-button-xs-height);
-  --bh-button-group-xs-icon-padding-x: var(--bh-space-sm-6);
-  --bh-button-group-xs-item-rtl-width: 108px;
-  --bh-button-group-xs-item-width: 112px;
-  --bh-button-group-xs-padding-x: var(--bh-space-md-8);
-  --bh-button-icon-offset: calc(var(--bh-space-xxs-2) * -1);
-  --bh-button-icon-size: var(--bh-space-4xl-20);
-  --bh-button-label-padding-x: var(--bh-space-xs-4);
-  --bh-button-lg-height: var(--bh-space-8xl-48);
-  --bh-button-lg-padding-x: var(--bh-space-xl-12);
-  --bh-button-lg-padding-y: var(--bh-space-xl-12);
-  --bh-button-md-height: var(--bh-space-7xl-40);
-  --bh-button-md-padding-x: var(--bh-space-lg-10);
-  --bh-button-sm-height: calc(var(--bh-space-6xl-32) + var(--bh-space-xs-4));
-  --bh-button-sm-padding-x: var(--bh-space-md-8);
-  --bh-button-sm-padding-y: var(--bh-space-md-8);
-  --bh-button-xl-height: calc(var(--bh-space-8xl-48) + var(--bh-space-xs-4));
-  --bh-button-xl-padding-y: var(--bh-space-2xl-14);
-  --bh-button-xs-height: var(--bh-space-6xl-32);
-  --bh-button-xs-padding-x: var(--bh-space-sm-6);
-  --bh-card-actions-max-width: calc(var(--bh-space-18xl-320) + var(--bh-space-7xl-40));
-  --bh-card-desktop-content-padding: var(--bh-space-5xl-24);
-  --bh-card-desktop-full-height: 341px;
-  --bh-card-desktop-horizontal-padding: var(--bh-space-6xl-32);
-  --bh-card-desktop-media-height: 280px;
-  --bh-card-horizontal-media-width: 480px;
-  --bh-card-horizontal-min-height: var(--bh-space-18xl-320);
-  --bh-card-horizontal-width: 1020px;
   --bh-card-media-overlay: color-mix(in srgb, var(--bh-bg-always-dark) 80%, transparent);
-  --bh-card-mobile-content-padding: var(--bh-space-4xl-20);
-  --bh-card-mobile-full-height: 300px;
-  --bh-card-mobile-horizontal-padding: var(--bh-space-4xl-20);
-  --bh-card-mobile-media-height: 240px;
-  --bh-card-more-icon-size: var(--bh-space-5xl-24);
-  --bh-card-more-size: var(--bh-space-6xl-32);
-  --bh-card-vertical-width: 420px;
-  --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-chart-1: var(--bh-chart-categorical-brand);
   --bh-chart-2: var(--bh-chart-categorical-success);
   --bh-chart-3: var(--bh-chart-categorical-warning);
@@ -313,13 +84,7 @@
   --bh-chart-5: var(--bh-chart-categorical-information);
   --bh-chart-brand-default: var(--bh-colors-brand-surface-base);
   --bh-chart-categorical-1: var(--bh-sky-600);
-  --bh-chart-categorical-2: var(--bh-purple-700);
-  --bh-chart-categorical-3: var(--bh-amber-500);
-  --bh-chart-categorical-4: var(--bh-rose-700);
-  --bh-chart-categorical-5: var(--bh-blue-900);
   --bh-chart-categorical-6: var(--bh-purple-500);
-  --bh-chart-categorical-7: var(--bh-rose-950);
-  --bh-chart-categorical-8: var(--bh-amber-700);
   --bh-chart-categorical-aqua: var(--bh-content-accent-aqua-default);
   --bh-chart-categorical-brand: var(--bh-content-brand-default);
   --bh-chart-categorical-danger: var(--bh-content-danger-default);
@@ -328,457 +93,23 @@
   --bh-chart-categorical-purple: var(--bh-content-accent-purple-default);
   --bh-chart-categorical-success: var(--bh-content-success-default);
   --bh-chart-categorical-warning: var(--bh-content-warning-default);
-  --bh-chart-neutral-default: var(--bh-colors-neutral-400);
-  --bh-checkbox-card-border-width: var(--bh-border-width-default);
-  --bh-checkbox-card-border-width-active: var(--bh-border-width-strong);
-  --bh-checkbox-card-content-gap: var(--bh-space-xl-12);
-  --bh-checkbox-card-gap: var(--bh-space-3xl-16);
-  --bh-checkbox-card-label-gap: var(--bh-space-xl-12);
-  --bh-checkbox-card-media-icon-size: var(--bh-space-5xl-24);
-  --bh-checkbox-card-padding: var(--bh-space-3xl-16);
-  --bh-checkbox-card-radius: var(--bh-radius-xl-10);
-  --bh-checkbox-card-text-gap: var(--bh-space-xxs-2);
-  --bh-checkbox-card-width: 338px;
-  --bh-checkbox-control-radius: var(--bh-radius-sm-4);
-  --bh-checkbox-control-size: var(--bh-space-3xl-16);
-  --bh-checkbox-icon-size: var(--bh-space-xl-12);
-  --bh-checkbox-indeterminate-height: var(--bh-space-xxs-2);
-  --bh-checkbox-indeterminate-width: var(--bh-space-md-8);
-  --bh-checkbox-root-size: var(--bh-space-4xl-20);
-  --bh-colors-brand-border-border-strong: var(--bh-blue-600);
-  --bh-colors-brand-border-border-strong-dark: var(--bh-blue-500);
-  --bh-colors-brand-border-border-subtle: var(--bh-blue-300);
-  --bh-colors-brand-border-border-subtle-dark: var(--bh-blue-800);
-  --bh-colors-brand-checkbox-bg-default: var(--bh-blue-600);
-  --bh-colors-brand-checkbox-bg-default-dark: var(--bh-blue-500);
-  --bh-colors-brand-checkbox-bg-hover: var(--bh-blue-600);
-  --bh-colors-brand-checkbox-bg-hover-dark: var(--bh-blue-600);
-  --bh-colors-brand-color-on-brand-dark: var(--bh-base-white);
-  --bh-colors-brand-color-on-brand-light: var(--bh-base-white);
-  --bh-colors-brand-content-dark: var(--bh-blue-500);
-  --bh-colors-brand-content-light: var(--bh-blue-600);
-  --bh-colors-brand-content-strong-dark: var(--bh-blue-400);
-  --bh-colors-brand-content-strong-light: var(--bh-blue-700);
-  --bh-colors-brand-focused-dark: var(--bh-blue-300);
-  --bh-colors-brand-focused-light: var(--bh-blue-500);
-  --bh-colors-brand-indicator: var(--bh-blue-500);
-  --bh-colors-brand-indicator-dark: var(--bh-blue-600);
-  --bh-colors-brand-interactive-default: var(--bh-derived-blue-550-reviewed);
-  --bh-colors-brand-interactive-default-dark: var(--bh-blue-600);
-  --bh-colors-brand-interactive-hover: var(--bh-blue-600);
-  --bh-colors-brand-interactive-hover-dark: var(--bh-derived-blue-550-reviewed);
-  --bh-colors-brand-interactive-pressed: var(--bh-blue-700);
-  --bh-colors-brand-interactive-pressed-dark: var(--bh-blue-600);
-  --bh-colors-brand-link-dark: var(--bh-blue-500);
-  --bh-colors-brand-link-hover-dark: var(--bh-blue-400);
-  --bh-colors-brand-link-hover-light: var(--bh-blue-700);
-  --bh-colors-brand-link-light: var(--bh-blue-600);
-  --bh-colors-brand-radiobutton-bg-default: var(--bh-blue-600);
-  --bh-colors-brand-radiobutton-bg-default-dark: var(--bh-blue-500);
-  --bh-colors-brand-radiobutton-bg-hover: var(--bh-blue-600);
-  --bh-colors-brand-radiobutton-bg-hover-dark: var(--bh-blue-600);
-  --bh-colors-brand-surface-base: var(--bh-blue-500);
-  --bh-colors-brand-surface-base-dark: var(--bh-blue-600);
-  --bh-colors-brand-surface-bold-dark: var(--bh-blue-700);
-  --bh-colors-brand-surface-bold-light: var(--bh-blue-600);
-  --bh-colors-brand-surface-soft-dark: var(--bh-blue-800);
-  --bh-colors-brand-surface-soft-light: var(--bh-blue-100);
-  --bh-colors-brand-surface-strong-dark: var(--bh-blue-800);
-  --bh-colors-brand-surface-strong-light: var(--bh-blue-700);
-  --bh-colors-brand-surface-subtle-dark: var(--bh-blue-alpha10);
-  --bh-colors-brand-surface-subtle-light: var(--bh-blue-50);
-  --bh-colors-neutral-100: var(--bh-gray-100);
-  --bh-colors-neutral-200: var(--bh-gray-200);
-  --bh-colors-neutral-300: var(--bh-gray-300);
-  --bh-colors-neutral-400: var(--bh-gray-400);
-  --bh-colors-neutral-50: var(--bh-gray-50);
-  --bh-colors-neutral-500: var(--bh-gray-500);
-  --bh-colors-neutral-600: var(--bh-gray-600);
-  --bh-colors-neutral-700: var(--bh-gray-700);
-  --bh-colors-neutral-800: var(--bh-gray-800);
-  --bh-colors-neutral-900: var(--bh-gray-900);
-  --bh-colors-neutral-950: var(--bh-gray-950);
-  --bh-colors-neutral-alpha-100: var(--bh-gray-alpha-100);
-  --bh-colors-neutral-alpha-200: var(--bh-gray-alpha-200);
-  --bh-colors-neutral-alpha-300: var(--bh-gray-alpha-300);
-  --bh-colors-neutral-alpha-400: var(--bh-gray-alpha-400);
-  --bh-colors-neutral-alpha-50: var(--bh-gray-alpha-50);
-  --bh-colors-neutral-alpha-500: var(--bh-gray-alpha-500);
-  --bh-colors-neutral-alpha-dark-100: var(--bh-gray-dark-alpha-100);
-  --bh-colors-neutral-alpha-dark-200: var(--bh-gray-dark-alpha-200);
-  --bh-colors-neutral-alpha-dark-300: var(--bh-gray-dark-alpha-300);
-  --bh-colors-neutral-alpha-dark-400: var(--bh-gray-dark-alpha-400);
-  --bh-colors-neutral-alpha-dark-50: var(--bh-gray-dark-alpha-50);
-  --bh-colors-neutral-alpha-dark-500: var(--bh-gray-dark-alpha-500);
-  --bh-colors-neutral-dark-100: var(--bh-gray-dark-100);
-  --bh-colors-neutral-dark-200: var(--bh-gray-dark-200);
-  --bh-colors-neutral-dark-300: var(--bh-gray-dark-300);
-  --bh-colors-neutral-dark-400: var(--bh-gray-dark-400);
-  --bh-colors-neutral-dark-50: var(--bh-gray-dark-50);
-  --bh-colors-neutral-dark-500: var(--bh-gray-dark-500);
-  --bh-colors-neutral-dark-600: var(--bh-gray-dark-600);
-  --bh-colors-neutral-dark-700: var(--bh-gray-dark-700);
-  --bh-colors-neutral-dark-800: var(--bh-gray-dark-800);
-  --bh-colors-neutral-dark-900: var(--bh-gray-dark-900);
-  --bh-colors-neutral-dark-950: var(--bh-gray-dark-950);
-  --bh-content-accent-amber-default: var(--bh-amber-600);
-  --bh-content-accent-amber-strong: var(--bh-amber-800);
-  --bh-content-accent-aqua-default: var(--bh-aqua-600);
-  --bh-content-accent-aqua-strong: var(--bh-aqua-700);
-  --bh-content-accent-blue-default: var(--bh-blue-600);
-  --bh-content-accent-blue-strong: var(--bh-blue-700);
-  --bh-content-accent-fuchsia-default: var(--bh-fuchsia-600);
-  --bh-content-accent-fuchsia-strong: var(--bh-fuchsia-700);
-  --bh-content-accent-golden-default: var(--bh-golden-700);
-  --bh-content-accent-golden-strong: var(--bh-golden-800);
-  --bh-content-accent-green-default: var(--bh-green-600);
-  --bh-content-accent-green-strong: var(--bh-green-700);
-  --bh-content-accent-lime-default: var(--bh-lime-600);
-  --bh-content-accent-lime-strong: var(--bh-lime-700);
-  --bh-content-accent-purple-default: var(--bh-purple-600);
-  --bh-content-accent-purple-strong: var(--bh-purple-700);
-  --bh-content-accent-red-default: var(--bh-red-600);
-  --bh-content-accent-red-strong: var(--bh-red-700);
-  --bh-content-accent-rose-default: var(--bh-rose-600);
-  --bh-content-accent-rose-strong: var(--bh-rose-700);
-  --bh-content-accent-sky-default: var(--bh-sky-600);
-  --bh-content-accent-sky-strong: var(--bh-sky-700);
-  --bh-content-brand-default: var(--bh-colors-brand-content-light);
-  --bh-content-brand-strong: var(--bh-colors-brand-content-strong-light);
-  --bh-content-danger-default: var(--bh-red-600);
-  --bh-content-danger-strong: var(--bh-red-700);
-  --bh-content-default: var(--bh-colors-neutral-950);
-  --bh-content-disabled: var(--bh-colors-neutral-600);
-  --bh-content-information-default: var(--bh-blue-600);
-  --bh-content-information-strong: var(--bh-blue-700);
-  --bh-content-inverse: var(--bh-base-white);
-  --bh-content-link: var(--bh-colors-brand-link-light);
-  --bh-content-link-hover: var(--bh-colors-brand-link-hover-light);
-  --bh-content-muted: #627084;
-  --bh-content-on-brand: var(--bh-colors-brand-color-on-brand-light);
   --bh-content-on-color: var(--bh-base-white);
-  --bh-content-on-light: var(--bh-colors-neutral-950);
-  --bh-content-on-neutral: var(--bh-base-white);
-  --bh-content-on-success: var(--bh-base-white);
-  --bh-content-on-warning: var(--bh-base-white);
-  --bh-content-subtle: var(--bh-colors-neutral-800);
-  --bh-content-success-default: var(--bh-green-600);
-  --bh-content-success-strong: var(--bh-green-700);
-  --bh-content-warning-default: var(--bh-amber-600);
-  --bh-content-warning-strong: var(--bh-amber-700);
-  --bh-control-default: 8px;
-  --bh-control-lg: 10px;
-  --bh-control-md: 6px;
-  --bh-control-sm: 4px;
-  --bh-date-day-cell-height: var(--bh-space-6xl-32);
-  --bh-date-event-dot-offset-bottom: var(--bh-space-xxs-2);
-  --bh-date-event-dot-size: var(--bh-space-xs-4);
-  --bh-date-list-item-height: var(--bh-button-sm-height);
-  --bh-date-month-year-item-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-spacer-height: 252px;
-  --bh-date-nav-button-size: var(--bh-button-xs-height);
-  --bh-date-nav-icon-size: var(--bh-button-icon-size);
-  --bh-date-picker-width: var(--bh-date-trigger-width);
-  --bh-date-presets-width: 144px;
-  --bh-date-range-month-width: var(--bh-space-15xl-224);
-  --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-time-input-min-height: var(--bh-space-6xl-32);
-  --bh-date-title-chevron-size: var(--bh-space-3xl-16);
-  --bh-date-title-height: var(--bh-button-xs-height);
-  --bh-date-trigger-height: var(--bh-button-md-height);
-  --bh-date-trigger-icon-size: var(--bh-button-icon-size);
-  --bh-date-trigger-width: 260px;
-  --bh-derived-blue-550-reviewed: #2B6BED;
-  --bh-duration-accordion: 180ms;
-  --bh-duration-default: 200ms;
-  --bh-duration-fast: 160ms;
-  --bh-duration-reduced-motion: 0.01ms;
-  --bh-easing-out: ease-out;
-  --bh-easing-standard: ease;
-  --bh-empty-state-icon-stroke-width: 2;
-  --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-file-upload-spin-duration: 1s;
-  --bh-focus-ring-offset: var(--bh-space-xxs-2);
-  --bh-focus-ring-width: var(--bh-space-xs-4);
-  --bh-font-family: var(--bh-font-family-english), var(--bh-font-family-arabic), var(--bh-font-family-fallback);
-  --bh-font-family-arabic: "IBM Plex Sans Arabic";
-  --bh-font-family-english: Inter;
-  --bh-font-family-fallback: sans-serif;
-  --bh-font-weight-bold: 700;
-  --bh-font-weight-medium: 500;
-  --bh-font-weight-regular: 400;
-  --bh-font-weight-semibold: 600;
-  --bh-fuchsia-100: #FED6FF;
-  --bh-fuchsia-200: #FEB9FF;
-  --bh-fuchsia-50: #FFEBFF;
   --bh-fuchsia-500: #E703EB;
-  --bh-fuchsia-600: #C20AC5;
-  --bh-fuchsia-700: #92089F;
-  --bh-golden-100: #FFEDAE;
-  --bh-golden-300: #FAD658;
   --bh-golden-400: #F7C407;
-  --bh-golden-50: #FFF5D1;
-  --bh-golden-600: #C98B04;
-  --bh-golden-700: #A96C03;
   --bh-golden-800: #7E4F03;
-  --bh-gray-100: #F5F5F5;
-  --bh-gray-200: #F0F0F0;
-  --bh-gray-300: #EBEBEB;
-  --bh-gray-400: #DBDBDB;
-  --bh-gray-50: #FAFAFA;
-  --bh-gray-500: #BFBFBF;
-  --bh-gray-600: #ADADAD;
-  --bh-gray-700: #8C8C8C;
-  --bh-gray-800: #595959;
-  --bh-gray-900: #2E2E2E;
-  --bh-gray-950: #1A1A1A;
-  --bh-gray-alpha-100: rgb(0 0 0 / 0.06);
-  --bh-gray-alpha-200: rgb(0 0 0 / 0.08);
-  --bh-gray-alpha-300: rgb(0 0 0 / 0.1);
-  --bh-gray-alpha-400: rgb(0 0 0 / 0.14);
-  --bh-gray-alpha-50: rgb(0 0 0 / 0.04);
-  --bh-gray-alpha-500: rgb(0 0 0 / 0.25);
-  --bh-gray-dark-100: #141414;
-  --bh-gray-dark-200: #1A1A1A;
-  --bh-gray-dark-300: #242424;
-  --bh-gray-dark-400: #3B3B3B;
-  --bh-gray-dark-50: #0E0E0F;
-  --bh-gray-dark-500: #4D4D4D;
-  --bh-gray-dark-600: #5E5E5E;
-  --bh-gray-dark-700: #7A7A7A;
-  --bh-gray-dark-800: #A3A3A3;
-  --bh-gray-dark-900: #E8E8E8;
-  --bh-gray-dark-950: #FCFCFC;
-  --bh-gray-dark-alpha-100: rgb(255 255 255 / 0.08);
-  --bh-gray-dark-alpha-200: rgb(255 255 255 / 0.11);
-  --bh-gray-dark-alpha-300: rgb(255 255 255 / 0.12);
-  --bh-gray-dark-alpha-400: rgb(255 255 255 / 0.19);
-  --bh-gray-dark-alpha-50: rgb(255 255 255 / 0.05);
-  --bh-gray-dark-alpha-500: rgb(255 255 255 / 0.3);
-  --bh-green-100: #BCFAD2;
-  --bh-green-200: #89EBAC;
-  --bh-green-50: #DBFFE8;
   --bh-green-500: #0BAE45;
   --bh-green-600: #039536;
-  --bh-green-700: #07712C;
   --bh-green-800: #075622;
   --bh-green-900: #043F18;
-  --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-pack-column: 42px;
-  --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-icon-explorer-topbar-bg: color-mix(in srgb, var(--bh-bg-grouped) 92%, transparent);
-  --bh-icon-explorer-topbar-min-height: 74px;
-  --bh-icon-stroke-180: 1.8;
-  --bh-icon-stroke-190: 1.9;
-  --bh-icon-stroke-200: 2;
-  --bh-icon-stroke-210: 2.1;
-  --bh-icon-stroke-220: 2.2;
-  --bh-icon-stroke-225: 2.25;
-  --bh-icon-stroke-240: 2.4;
-  --bh-icon-stroke-250: 2.5;
-  --bh-icon-stroke-260: 2.6;
-  --bh-icon-stroke-280: 2.8;
-  --bh-icon-stroke-300: 3;
-  --bh-icon-stroke-bold: var(--bh-icon-stroke-300);
-  --bh-icon-stroke-default: var(--bh-icon-stroke-200);
-  --bh-icon-stroke-medium: var(--bh-icon-stroke-225);
-  --bh-icon-stroke-strong: var(--bh-icon-stroke-250);
-  --bh-icon-stroke-thin: var(--bh-icon-stroke-180);
-  --bh-input-chevron-size: var(--bh-space-3xl-16);
-  --bh-input-comfortable-height: var(--bh-button-md-height);
-  --bh-input-comfortable-padding-x: var(--bh-space-xl-12);
-  --bh-input-content-gap: var(--bh-space-sm-6);
-  --bh-input-helper-gap: var(--bh-space-sm-6);
-  --bh-input-icon-size: var(--bh-space-3xl-16);
-  --bh-input-info-icon-size: 13.333px;
-  --bh-input-inline-gap: var(--bh-space-xs-4);
-  --bh-input-inline-tags-gap: var(--bh-space-sm-6);
-  --bh-input-label-gap: var(--bh-space-sm-6);
-  --bh-input-leading-symbol-font-size: 15px;
-  --bh-input-lg-height: var(--bh-button-sm-height);
-  --bh-input-lg-padding-x: var(--bh-space-lg-10);
-  --bh-input-md-height: var(--bh-space-6xl-32);
-  --bh-input-md-padding-x: var(--bh-space-md-8);
-  --bh-input-otp-group-gap: var(--bh-space-md-8);
-  --bh-input-otp-separator-height: var(--bh-border-width-strong);
-  --bh-input-otp-separator-width: var(--bh-space-md-8);
-  --bh-input-otp-slot-comfortable-width: var(--bh-input-comfortable-height);
-  --bh-input-otp-slot-gap: var(--bh-space-xs-4);
-  --bh-input-otp-slot-lg-width: var(--bh-input-lg-height);
-  --bh-input-otp-slot-md-width: var(--bh-input-md-height);
-  --bh-input-otp-width: max-content;
-  --bh-input-radius: var(--bh-control-default);
-  --bh-input-segment-gap: var(--bh-space-xs-4);
-  --bh-input-segment-padding-x: var(--bh-space-lg-10);
-  --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-width: var(--bh-space-18xl-320);
-  --bh-interactive-brand-default: var(--bh-colors-brand-interactive-default);
-  --bh-interactive-brand-disabled: var(--bh-colors-neutral-alpha-100);
-  --bh-interactive-brand-hover: var(--bh-colors-brand-interactive-hover);
-  --bh-interactive-brand-pressed: var(--bh-colors-brand-interactive-pressed);
-  --bh-interactive-checkbox-default: var(--bh-colors-brand-checkbox-bg-default);
-  --bh-interactive-checkbox-hover: var(--bh-colors-brand-checkbox-bg-hover);
-  --bh-interactive-danger-default: var(--bh-red-500);
-  --bh-interactive-danger-disabled: var(--bh-colors-neutral-alpha-100);
-  --bh-interactive-danger-hover: var(--bh-red-600);
-  --bh-interactive-danger-pressed: var(--bh-red-500);
-  --bh-interactive-danger-soft-default: var(--bh-red-50);
-  --bh-interactive-danger-soft-disabled: var(--bh-colors-neutral-alpha-100);
-  --bh-interactive-danger-soft-hover: var(--bh-red-100);
-  --bh-interactive-danger-soft-pressed: var(--bh-red-50);
-  --bh-interactive-ghost-active: var(--bh-colors-neutral-alpha-100);
-  --bh-interactive-ghost-default: rgb(0 0 0 / 0);
-  --bh-interactive-ghost-disabled: rgb(0 0 0 / 0);
-  --bh-interactive-ghost-hover: var(--bh-colors-neutral-alpha-50);
-  --bh-interactive-ghost-pressed: var(--bh-colors-neutral-alpha-100);
-  --bh-interactive-indicator-default: var(--bh-colors-brand-indicator);
-  --bh-interactive-input-default: var(--bh-base-white);
-  --bh-interactive-input-disabled: var(--bh-colors-neutral-alpha-50);
-  --bh-interactive-input-soft: var(--bh-colors-neutral-alpha-100);
-  --bh-interactive-input-soft-disabled: var(--bh-colors-neutral-alpha-50);
-  --bh-interactive-outlined-default: rgb(0 0 0 / 0);
-  --bh-interactive-outlined-disabled: rgb(0 0 0 / 0);
-  --bh-interactive-outlined-hover: var(--bh-colors-neutral-alpha-50);
-  --bh-interactive-outlined-pressed: var(--bh-colors-neutral-alpha-100);
-  --bh-interactive-radiobutton-default: var(--bh-colors-brand-radiobutton-bg-default);
-  --bh-interactive-radiobutton-hover: var(--bh-colors-brand-radiobutton-bg-hover);
-  --bh-interactive-secondary-default: var(--bh-colors-neutral-50);
-  --bh-interactive-secondary-disabled: var(--bh-colors-neutral-alpha-100);
-  --bh-interactive-secondary-hover: var(--bh-colors-neutral-100);
-  --bh-interactive-secondary-pressed: var(--bh-colors-neutral-200);
-  --bh-interactive-soft-default: var(--bh-colors-neutral-alpha-100);
-  --bh-interactive-soft-disabled: var(--bh-colors-neutral-alpha-100);
-  --bh-interactive-soft-hover: var(--bh-colors-neutral-alpha-200);
-  --bh-interactive-soft-pressed: var(--bh-colors-neutral-alpha-300);
-  --bh-interactive-success-default: var(--bh-green-700);
-  --bh-interactive-success-hover: var(--bh-green-800);
-  --bh-interactive-success-pressed: var(--bh-green-900);
   --bh-interactive-switch-active: var(--bh-green-500);
-  --bh-interactive-switch-active-disabled: var(--bh-green-100);
   --bh-interactive-switch-active-hover: var(--bh-green-600);
-  --bh-interactive-switch-default: var(--bh-colors-neutral-400);
-  --bh-interactive-switch-disabled: var(--bh-colors-neutral-alpha-100);
   --bh-interactive-switch-handle: var(--bh-base-white);
-  --bh-interactive-switch-handle-disabled: var(--bh-colors-neutral-50);
-  --bh-interactive-switch-hover: var(--bh-colors-neutral-500);
-  --bh-interactive-table-header: var(--bh-colors-neutral-alpha-50);
-  --bh-interactive-warning-default: var(--bh-amber-700);
-  --bh-interactive-warning-hover: var(--bh-amber-800);
-  --bh-interactive-warning-pressed: var(--bh-amber-900);
-  --bh-item-actions-gap: var(--bh-space-md-8);
-  --bh-item-content-gap: var(--bh-space-xxs-2);
-  --bh-item-gap: var(--bh-space-xl-12);
-  --bh-item-group-gap: var(--bh-space-xs-4);
-  --bh-item-icon-size: var(--bh-space-4xl-20);
-  --bh-item-media-radius: var(--bh-radius-lg-8);
-  --bh-item-media-size: var(--bh-space-7xl-40);
-  --bh-item-min-height-lg: var(--bh-space-11xl-96);
-  --bh-item-min-height-md: var(--bh-space-9xl-64);
-  --bh-item-min-height-sm: var(--bh-space-8xl-48);
-  --bh-item-padding-x: var(--bh-space-3xl-16);
-  --bh-item-padding-y: var(--bh-space-xl-12);
-  --bh-item-radius: var(--bh-radius-xl-10);
-  --bh-lime-100: #E8FCA8;
-  --bh-lime-200: #D4F273;
-  --bh-lime-50: #F4FFD1;
   --bh-lime-500: #8EB903;
-  --bh-lime-600: #7CA203;
-  --bh-lime-700: #668303;
-  --bh-menu-action-gap: var(--bh-space-xxs-2);
-  --bh-menu-action-height: var(--bh-space-6xl-32);
-  --bh-menu-action-padding-x: var(--bh-space-sm-6);
-  --bh-menu-badge-height: var(--bh-space-5xl-24);
-  --bh-menu-badge-padding-x: var(--bh-space-md-8);
   --bh-menu-bg: var(--bh-bg-raised);
   --bh-menu-border: var(--bh-border-subtle);
-  --bh-menu-divider-padding-y: var(--bh-space-xxs-2);
-  --bh-menu-gap: var(--bh-space-xs-4);
-  --bh-menu-icon-padding: var(--bh-space-xxs-2);
-  --bh-menu-item-action-height: var(--bh-space-8xl-48);
-  --bh-menu-item-action-width: 240px;
   --bh-menu-item-bg: var(--bh-interactive-ghost-default);
-  --bh-menu-item-button-height: var(--bh-space-7xl-40);
-  --bh-menu-item-caption-height: var(--bh-radius-6xl-28);
-  --bh-menu-item-content-compact-padding-y: var(--bh-space-xs-4);
-  --bh-menu-item-content-padding: var(--bh-space-sm-6);
-  --bh-menu-item-default-height: var(--bh-button-sm-height);
-  --bh-menu-item-default-width: 355px;
-  --bh-menu-item-divider-height: var(--bh-space-xs-4);
-  --bh-menu-item-gap: var(--bh-space-xs-4);
   --bh-menu-item-hover-bg: var(--bh-interactive-ghost-hover);
-  --bh-menu-item-label-height: var(--bh-radius-6xl-28);
-  --bh-menu-item-multiline-height: var(--bh-space-8xl-48);
-  --bh-menu-item-multiline-width: 402px;
-  --bh-menu-item-padding-x: var(--bh-space-sm-6);
-  --bh-menu-item-progress-height: 44px;
-  --bh-menu-item-radius: var(--bh-radius-md-6);
-  --bh-menu-item-slot-gap: var(--bh-space-md-8);
-  --bh-menu-label-padding-x: var(--bh-space-3xl-16);
-  --bh-menu-leading-icon-size: var(--bh-space-4xl-20);
-  --bh-menu-padding-y: var(--bh-space-sm-6);
-  --bh-menu-progress-gap: var(--bh-space-md-8);
-  --bh-menu-progress-height: var(--bh-space-md-8);
-  --bh-menu-radius: var(--bh-radius-xl-10);
-  --bh-menu-switch-handle-size: var(--bh-space-2xl-14);
-  --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-width: var(--bh-space-6xl-32);
-  --bh-menu-trailing-icon-size: var(--bh-space-3xl-16);
-  --bh-menu-width: 228px;
-  --bh-modal-action-label-padding-x: var(--bh-space-xs-4);
-  --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-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-pagination-action-gap: var(--bh-space-md-8);
   --bh-pagination-active-bg: var(--bh-interactive-brand-default);
   --bh-pagination-active-border: var(--bh-border-subtle);
@@ -801,7 +132,8 @@
   --bh-pagination-control-text-rtl-gap: var(--bh-space-xxs-2);
   --bh-pagination-control-text-rtl-padding-x: var(--bh-space-sm-6);
   --bh-pagination-font-size: var(--bh-text-body-md-medium-font-size);
-  --bh-pagination-icon-size: var(--bh-space-4xl-20);
+  --bh-pagination-icon-size: var(--bh-icon-size-default);
+  --bh-pagination-icon-slot-size: var(--bh-icon-slot-size-default);
   --bh-pagination-item-size: var(--bh-space-6xl-32);
   --bh-pagination-label-font-weight: var(--bh-text-body-md-medium-font-weight);
   --bh-pagination-letter-spacing: var(--bh-text-body-md-medium-letter-spacing);
@@ -815,89 +147,18 @@
   --bh-pagination-radius: var(--bh-control-default);
   --bh-pagination-root-gap: var(--bh-space-3xl-16);
   --bh-pagination-simple-width: 458px;
-  --bh-popover-arrow-depth: var(--bh-space-md-8);
-  --bh-popover-arrow-inline-offset: var(--bh-space-xl-12);
-  --bh-popover-arrow-offset: calc(var(--bh-popover-arrow-depth) * -1);
-  --bh-popover-arrow-overlap: var(--bh-border-width-default);
-  --bh-popover-arrow-width: var(--bh-space-xl-12);
   --bh-popover-bg: var(--bh-bg-raised);
-  --bh-popover-body-gap: var(--bh-space-md-8);
   --bh-popover-border: var(--bh-border-subtle);
-  --bh-popover-close-icon-size: var(--bh-space-3xl-16);
-  --bh-popover-close-size: var(--bh-space-5xl-24);
-  --bh-popover-content-gap: var(--bh-space-lg-10);
-  --bh-popover-footer-gap: var(--bh-space-md-8);
-  --bh-popover-header-gap: var(--bh-space-md-8);
-  --bh-popover-lg-width: var(--bh-space-19xl-384);
-  --bh-popover-max-width: calc(100vw - var(--bh-space-6xl-32));
-  --bh-popover-md-width: var(--bh-space-17xl-288);
-  --bh-popover-offset: var(--bh-popover-offset-default);
-  --bh-popover-offset-default: var(--bh-space-md-8);
-  --bh-popover-offset-loose: var(--bh-space-3xl-16);
-  --bh-popover-offset-tight: var(--bh-space-xs-4);
-  --bh-popover-padding: var(--bh-space-xl-12);
-  --bh-popover-radius: var(--bh-radius-xl-10);
-  --bh-popover-sm-width: var(--bh-space-15xl-224);
-  --bh-popover-trigger-gap: var(--bh-space-xs-4);
-  --bh-progress-slider-border-width-lg: calc(var(--bh-border-width-strong) + var(--bh-border-width-default));
-  --bh-progress-slider-border-width-md: var(--bh-border-width-strong);
-  --bh-progress-slider-grip-height-lg: var(--bh-space-6xl-32);
-  --bh-progress-slider-grip-height-md: var(--bh-space-5xl-24);
-  --bh-progress-slider-grip-width: calc(var(--bh-border-width-strong) + var(--bh-border-width-default));
-  --bh-progress-slider-handle-width-lg: 44px;
-  --bh-progress-slider-handle-width-md: var(--bh-button-sm-height);
-  --bh-progress-slider-height-lg: 72px;
-  --bh-progress-slider-height-md: 56px;
-  --bh-progress-slider-radius: var(--bh-radius-5xl-24);
   --bh-progress-slider-tick-bg: color-mix(in srgb, var(--bh-progress-slider-grip-bg, var(--bh-border-brand-strong)) 34%, transparent);
-  --bh-progress-slider-tick-gap: var(--bh-space-xl-12);
-  --bh-progress-slider-tick-padding: var(--bh-space-6xl-32);
-  --bh-progress-slider-tick-size: var(--bh-space-sm-6);
-  --bh-progress-slider-width-lg: 472px;
-  --bh-progress-slider-width-md: calc(var(--bh-space-18xl-320) + var(--bh-space-7xl-40));
-  --bh-purple-100: #F0DEFF;
-  --bh-purple-200: #E3C3FF;
-  --bh-purple-50: #F7EDFF;
   --bh-purple-500: #A135FA;
-  --bh-purple-600: #8216DB;
-  --bh-purple-700: #610FAD;
-  --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-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;
-  --bh-red-100: #FFDBDF;
-  --bh-red-200: #FFBFC6;
   --bh-red-300: #FF96A1;
   --bh-red-400: #FC5666;
-  --bh-red-50: #FFEDEF;
   --bh-red-500: #E8172C;
   --bh-red-600: #CA1224;
   --bh-red-700: #A60C1B;
-  --bh-rose-100: #FFD6E7;
   --bh-rose-200: #FFB9D7;
-  --bh-rose-50: #FFEBF3;
   --bh-rose-500: #F01071;
   --bh-rose-600: #D10A60;
-  --bh-rose-700: #A7094D;
-  --bh-rose-950: #44071F;
   --bh-select-avatar-font-size: var(--bh-space-lg-10);
   --bh-select-check-color: var(--bh-interactive-indicator-default);
   --bh-select-checkbox-icon-size: var(--bh-space-xl-12);
@@ -948,54 +209,17 @@
   --bh-select-trigger-radius: var(--bh-radius-lg-8);
   --bh-select-value-padding-inline: var(--bh-space-xs-4);
   --bh-select-width: var(--bh-space-18xl-320);
-  --bh-sidebar-bg: var(--bh-bg-raised);
+  --bh-sidebar-bg: var(--bh-bg-default);
   --bh-sidebar-bg-collapsed: var(--bh-bg-default);
   --bh-sidebar-border: var(--bh-border-subtle);
-  --bh-sidebar-icon-size: var(--bh-space-5xl-24);
   --bh-sidebar-item-bg-active: var(--bh-interactive-soft-default);
   --bh-sidebar-item-bg-hover: var(--bh-interactive-ghost-hover);
   --bh-sidebar-item-content: var(--bh-content-subtle);
   --bh-sidebar-item-content-active: var(--bh-content-default);
-  --bh-sidebar-item-gap: var(--bh-space-md-8);
-  --bh-sidebar-item-height: var(--bh-space-7xl-40);
-  --bh-sidebar-item-padding-x: var(--bh-space-xl-12);
-  --bh-sidebar-padding: var(--bh-space-3xl-16);
-  --bh-sidebar-rail-width: 16px;
-  --bh-sidebar-section-gap: var(--bh-space-3xl-16);
-  --bh-sidebar-width: 280px;
-  --bh-sidebar-width-collapsed: 72px;
-  --bh-skeleton-duration: 1.4s;
-  --bh-skeleton-shimmer-width: 62%;
-  --bh-skeleton-width: 100%;
-  --bh-sky-100: #CFF0FF;
-  --bh-sky-200: #A4E2FF;
-  --bh-sky-50: #EDF9FF;
   --bh-sky-500: #059FE5;
   --bh-sky-600: #0C85C3;
-  --bh-sky-700: #036EA4;
-  --bh-slider-indicator-gap: var(--bh-space-md-8);
-  --bh-slider-pill-height: 72px;
-  --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-pill-thumb-width: 126px;
   --bh-slider-pill-track-bg: color-mix(in srgb, var(--bh-slider-range-bg, var(--bh-interactive-indicator-default)) 12%, var(--bh-bg-default));
-  --bh-slider-thumb-grip-width: calc(var(--bh-border-width-strong) + var(--bh-border-width-default));
-  --bh-slider-thumb-radius: var(--bh-radius-full);
-  --bh-slider-thumb-ring-width-lg: 9px;
-  --bh-slider-thumb-ring-width-md: var(--bh-space-md-8);
-  --bh-slider-thumb-ring-width-sm: var(--bh-space-sm-6);
-  --bh-slider-thumb-size-lg: var(--bh-radius-6xl-28);
-  --bh-slider-thumb-size-md: var(--bh-space-5xl-24);
-  --bh-slider-thumb-size-sm: var(--bh-space-4xl-20);
   --bh-slider-tick-bg: color-mix(in srgb, var(--bh-slider-range-bg, var(--bh-interactive-indicator-default)) 45%, transparent);
-  --bh-slider-tick-gap: var(--bh-space-xl-12);
-  --bh-slider-tick-size: var(--bh-space-sm-6);
-  --bh-slider-track-radius: var(--bh-radius-full);
-  --bh-slider-track-size-lg: var(--bh-space-lg-10);
-  --bh-slider-track-size-md: var(--bh-space-md-8);
-  --bh-slider-track-size-sm: var(--bh-space-sm-6);
-  --bh-slider-vertical-height: var(--bh-space-13xl-160);
-  --bh-slider-width: var(--bh-space-18xl-320);
   --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);
@@ -1003,41 +227,14 @@
   --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-gap: var(--bh-space-md-8);
-  --bh-social-button-height: calc(var(--bh-space-6xl-32) + var(--bh-space-xs-4));
-  --bh-social-button-icon-size: 18px;
-  --bh-social-button-label-padding-inline-end: var(--bh-space-xxs-2);
-  --bh-social-button-padding-x: var(--bh-space-xl-12);
-  --bh-social-button-padding-y: var(--bh-space-sm-6);
-  --bh-social-button-radius: var(--bh-control-default);
-  --bh-social-facebook-bg: #1465CE;
-  --bh-social-facebook-border: transparent;
   --bh-social-facebook-fg: var(--bh-content-on-color);
-  --bh-social-facebook-hover: #0F52A8;
   --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);
@@ -1045,285 +242,8 @@
   --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: #087D34;
-  --bh-social-whatsapp-border: transparent;
   --bh-social-whatsapp-fg: var(--bh-content-on-color);
-  --bh-social-whatsapp-hover: #066428;
   --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-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;
-  --bh-spinner-duration-dynamic: 6s;
-  --bh-spinner-duration-steady: 1.5s;
-  --bh-spinner-easing: cubic-bezier(0.45, 0, 0.55, 1);
-  --bh-spinner-size: var(--bh-space-3xl-16);
-  --bh-spinner-stroke-width: 4;
-  --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-tag-active-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: var(--bh-space-xs-4);
-  --bh-text-base-font-size: var(--bh-text-body-md-regular-font-size);
-  --bh-text-base-font-weight: var(--bh-text-body-md-regular-font-weight);
-  --bh-text-base-letter-spacing: var(--bh-text-body-md-regular-letter-spacing);
-  --bh-text-base-line-height: var(--bh-text-body-md-regular-line-height);
-  --bh-text-body-2xs-medium-font-size: 12px;
-  --bh-text-body-2xs-medium-font-weight: var(--bh-font-weight-medium);
-  --bh-text-body-2xs-medium-letter-spacing: 0px;
-  --bh-text-body-2xs-medium-line-height: 16px;
-  --bh-text-body-2xs-regular-font-size: 12px;
-  --bh-text-body-2xs-regular-font-weight: var(--bh-font-weight-regular);
-  --bh-text-body-2xs-regular-letter-spacing: 0px;
-  --bh-text-body-2xs-regular-line-height: 16px;
-  --bh-text-body-2xs-semibold-font-size: 12px;
-  --bh-text-body-2xs-semibold-font-weight: var(--bh-font-weight-semibold);
-  --bh-text-body-2xs-semibold-letter-spacing: 0px;
-  --bh-text-body-2xs-semibold-line-height: 16px;
-  --bh-text-body-2xs-underline-font-size: 12px;
-  --bh-text-body-2xs-underline-font-weight: var(--bh-font-weight-medium);
-  --bh-text-body-2xs-underline-letter-spacing: 0px;
-  --bh-text-body-2xs-underline-line-height: 16px;
-  --bh-text-body-3xs-medium-font-size: 11px;
-  --bh-text-body-3xs-medium-font-weight: var(--bh-font-weight-medium);
-  --bh-text-body-3xs-medium-letter-spacing: 0px;
-  --bh-text-body-3xs-medium-line-height: 14px;
-  --bh-text-body-3xs-regular-font-size: 11px;
-  --bh-text-body-3xs-regular-font-weight: var(--bh-font-weight-regular);
-  --bh-text-body-3xs-regular-letter-spacing: 0px;
-  --bh-text-body-3xs-regular-line-height: 14px;
-  --bh-text-body-3xs-semibold-font-size: 11px;
-  --bh-text-body-3xs-semibold-font-weight: var(--bh-font-weight-semibold);
-  --bh-text-body-3xs-semibold-letter-spacing: 0px;
-  --bh-text-body-3xs-semibold-line-height: 14px;
-  --bh-text-body-lg-medium-font-size: 17px;
-  --bh-text-body-lg-medium-font-weight: var(--bh-font-weight-medium);
-  --bh-text-body-lg-medium-letter-spacing: 0px;
-  --bh-text-body-lg-medium-line-height: 28px;
-  --bh-text-body-lg-regular-font-size: 17px;
-  --bh-text-body-lg-regular-font-weight: var(--bh-font-weight-regular);
-  --bh-text-body-lg-regular-letter-spacing: 0px;
-  --bh-text-body-lg-regular-line-height: 28px;
-  --bh-text-body-lg-semibold-font-size: 17px;
-  --bh-text-body-lg-semibold-font-weight: var(--bh-font-weight-semibold);
-  --bh-text-body-lg-semibold-letter-spacing: 0px;
-  --bh-text-body-lg-semibold-line-height: 28px;
-  --bh-text-body-lg-underline-font-size: 17px;
-  --bh-text-body-lg-underline-font-weight: var(--bh-font-weight-medium);
-  --bh-text-body-lg-underline-letter-spacing: 0px;
-  --bh-text-body-lg-underline-line-height: 28px;
-  --bh-text-body-md-font-size: var(--bh-text-body-md-regular-font-size);
-  --bh-text-body-md-font-weight: var(--bh-text-body-md-regular-font-weight);
-  --bh-text-body-md-letter-spacing: var(--bh-text-body-md-regular-letter-spacing);
-  --bh-text-body-md-line-height: var(--bh-text-body-md-regular-line-height);
-  --bh-text-body-md-medium-font-size: 15px;
-  --bh-text-body-md-medium-font-weight: var(--bh-font-weight-medium);
-  --bh-text-body-md-medium-letter-spacing: 0px;
-  --bh-text-body-md-medium-line-height: 24px;
-  --bh-text-body-md-regular-font-size: 15px;
-  --bh-text-body-md-regular-font-weight: var(--bh-font-weight-regular);
-  --bh-text-body-md-regular-letter-spacing: 0px;
-  --bh-text-body-md-regular-line-height: 24px;
-  --bh-text-body-md-semibold-font-size: 15px;
-  --bh-text-body-md-semibold-font-weight: var(--bh-font-weight-semibold);
-  --bh-text-body-md-semibold-letter-spacing: 0px;
-  --bh-text-body-md-semibold-line-height: 24px;
-  --bh-text-body-md-underline-font-size: 15px;
-  --bh-text-body-md-underline-font-weight: var(--bh-font-weight-medium);
-  --bh-text-body-md-underline-letter-spacing: 0px;
-  --bh-text-body-md-underline-line-height: 24px;
-  --bh-text-body-sm-medium-font-size: 14px;
-  --bh-text-body-sm-medium-font-weight: var(--bh-font-weight-medium);
-  --bh-text-body-sm-medium-letter-spacing: 0px;
-  --bh-text-body-sm-medium-line-height: 20px;
-  --bh-text-body-sm-regular-font-size: 14px;
-  --bh-text-body-sm-regular-font-weight: var(--bh-font-weight-regular);
-  --bh-text-body-sm-regular-letter-spacing: 0px;
-  --bh-text-body-sm-regular-line-height: 20px;
-  --bh-text-body-sm-semibold-font-size: 14px;
-  --bh-text-body-sm-semibold-font-weight: var(--bh-font-weight-semibold);
-  --bh-text-body-sm-semibold-letter-spacing: 0px;
-  --bh-text-body-sm-semibold-line-height: 20px;
-  --bh-text-body-xl-medium-font-size: 20px;
-  --bh-text-body-xl-medium-font-weight: var(--bh-font-weight-medium);
-  --bh-text-body-xl-medium-letter-spacing: 0px;
-  --bh-text-body-xl-medium-line-height: 30px;
-  --bh-text-body-xl-regular-font-size: 20px;
-  --bh-text-body-xl-regular-font-weight: var(--bh-font-weight-regular);
-  --bh-text-body-xl-regular-letter-spacing: 0px;
-  --bh-text-body-xl-regular-line-height: 30px;
-  --bh-text-body-xl-semibold-font-size: 20px;
-  --bh-text-body-xl-semibold-font-weight: var(--bh-font-weight-semibold);
-  --bh-text-body-xl-semibold-letter-spacing: 0px;
-  --bh-text-body-xl-semibold-line-height: 30px;
-  --bh-text-body-xs-medium-font-size: 13px;
-  --bh-text-body-xs-medium-font-weight: var(--bh-font-weight-medium);
-  --bh-text-body-xs-medium-letter-spacing: 0px;
-  --bh-text-body-xs-medium-line-height: 20px;
-  --bh-text-body-xs-regular-font-size: 13px;
-  --bh-text-body-xs-regular-font-weight: var(--bh-font-weight-regular);
-  --bh-text-body-xs-regular-letter-spacing: 0px;
-  --bh-text-body-xs-regular-line-height: 20px;
-  --bh-text-body-xs-semibold-font-size: 13px;
-  --bh-text-body-xs-semibold-font-weight: var(--bh-font-weight-semibold);
-  --bh-text-body-xs-semibold-letter-spacing: 0px;
-  --bh-text-body-xs-semibold-line-height: 20px;
-  --bh-text-body-xs-underline-font-size: 13px;
-  --bh-text-body-xs-underline-font-weight: var(--bh-font-weight-medium);
-  --bh-text-body-xs-underline-letter-spacing: 0px;
-  --bh-text-body-xs-underline-line-height: 20px;
-  --bh-text-button-font-size: var(--bh-text-body-md-medium-font-size);
-  --bh-text-button-font-weight: var(--bh-text-body-md-medium-font-weight);
-  --bh-text-button-letter-spacing: var(--bh-text-body-md-medium-letter-spacing);
-  --bh-text-button-line-height: var(--bh-text-body-md-medium-line-height);
-  --bh-text-display-lg-font-size: 84px;
-  --bh-text-display-lg-font-weight: var(--bh-font-weight-bold);
-  --bh-text-display-lg-letter-spacing: -0.03em;
-  --bh-text-display-lg-line-height: 92px;
-  --bh-text-display-md-font-size: 72px;
-  --bh-text-display-md-font-weight: var(--bh-font-weight-bold);
-  --bh-text-display-md-letter-spacing: -0.03em;
-  --bh-text-display-md-line-height: 80px;
-  --bh-text-display-sm-font-size: 60px;
-  --bh-text-display-sm-font-weight: var(--bh-font-weight-semibold);
-  --bh-text-display-sm-letter-spacing: -0.03em;
-  --bh-text-display-sm-line-height: 68px;
-  --bh-text-display-xl-font-size: 96px;
-  --bh-text-display-xl-font-weight: var(--bh-font-weight-semibold);
-  --bh-text-display-xl-letter-spacing: -0.03em;
-  --bh-text-display-xl-line-height: 104px;
-  --bh-text-heading-2xl-bold-font-size: 40px;
-  --bh-text-heading-2xl-bold-font-weight: var(--bh-font-weight-bold);
-  --bh-text-heading-2xl-bold-letter-spacing: -0.02em;
-  --bh-text-heading-2xl-bold-line-height: 48px;
-  --bh-text-heading-2xl-medium-font-size: 40px;
-  --bh-text-heading-2xl-medium-font-weight: var(--bh-font-weight-medium);
-  --bh-text-heading-2xl-medium-letter-spacing: -0.02em;
-  --bh-text-heading-2xl-medium-line-height: 48px;
-  --bh-text-heading-3xl-bold-font-size: 48px;
-  --bh-text-heading-3xl-bold-font-weight: var(--bh-font-weight-bold);
-  --bh-text-heading-3xl-bold-letter-spacing: -0.02em;
-  --bh-text-heading-3xl-bold-line-height: 56px;
-  --bh-text-heading-3xl-medium-font-size: 48px;
-  --bh-text-heading-3xl-medium-font-weight: var(--bh-font-weight-medium);
-  --bh-text-heading-3xl-medium-letter-spacing: -0.02em;
-  --bh-text-heading-3xl-medium-line-height: 56px;
-  --bh-text-heading-lg-medium-font-size: 28px;
-  --bh-text-heading-lg-medium-font-weight: var(--bh-font-weight-medium);
-  --bh-text-heading-lg-medium-letter-spacing: -0.01em;
-  --bh-text-heading-lg-medium-line-height: 32px;
-  --bh-text-heading-lg-semibold-font-size: 28px;
-  --bh-text-heading-lg-semibold-font-weight: var(--bh-font-weight-semibold);
-  --bh-text-heading-lg-semibold-letter-spacing: -0.01em;
-  --bh-text-heading-lg-semibold-line-height: 32px;
-  --bh-text-heading-md-medium-font-size: 24px;
-  --bh-text-heading-md-medium-font-weight: var(--bh-font-weight-medium);
-  --bh-text-heading-md-medium-letter-spacing: 0px;
-  --bh-text-heading-md-medium-line-height: 28px;
-  --bh-text-heading-md-semibold-font-size: 24px;
-  --bh-text-heading-md-semibold-font-weight: var(--bh-font-weight-semibold);
-  --bh-text-heading-md-semibold-letter-spacing: 0px;
-  --bh-text-heading-md-semibold-line-height: 28px;
-  --bh-text-heading-sm-medium-font-size: 20px;
-  --bh-text-heading-sm-medium-font-weight: var(--bh-font-weight-medium);
-  --bh-text-heading-sm-medium-letter-spacing: 0px;
-  --bh-text-heading-sm-medium-line-height: 24px;
-  --bh-text-heading-sm-semibold-font-size: 20px;
-  --bh-text-heading-sm-semibold-font-weight: var(--bh-font-weight-semibold);
-  --bh-text-heading-sm-semibold-letter-spacing: 0px;
-  --bh-text-heading-sm-semibold-line-height: 24px;
-  --bh-text-heading-xl-bold-font-size: 32px;
-  --bh-text-heading-xl-bold-font-weight: var(--bh-font-weight-bold);
-  --bh-text-heading-xl-bold-letter-spacing: -0.02em;
-  --bh-text-heading-xl-bold-line-height: 36px;
-  --bh-text-heading-xl-medium-font-size: 32px;
-  --bh-text-heading-xl-medium-font-weight: var(--bh-font-weight-medium);
-  --bh-text-heading-xl-medium-letter-spacing: -0.02em;
-  --bh-text-heading-xl-medium-line-height: 36px;
-  --bh-text-heading-xs-medium-font-size: 17px;
-  --bh-text-heading-xs-medium-font-weight: var(--bh-font-weight-medium);
-  --bh-text-heading-xs-medium-letter-spacing: 0px;
-  --bh-text-heading-xs-medium-line-height: 22px;
-  --bh-text-heading-xs-semibold-font-size: 17px;
-  --bh-text-heading-xs-semibold-font-weight: var(--bh-font-weight-semibold);
-  --bh-text-heading-xs-semibold-letter-spacing: 0px;
-  --bh-text-heading-xs-semibold-line-height: 22px;
-  --bh-textarea-close-button-size: var(--bh-space-xl-12);
-  --bh-textarea-close-icon-size: 6.364px;
-  --bh-textarea-focus-ring-inset: calc(var(--bh-space-xxxs-1) * -1);
-  --bh-textarea-focus-ring-width: var(--bh-space-xs-4);
-  --bh-textarea-gap: var(--bh-space-md-8);
-  --bh-textarea-helper-icon-size: 13.333px;
-  --bh-textarea-icon-size: var(--bh-space-3xl-16);
-  --bh-textarea-inline-gap: var(--bh-space-xs-4);
-  --bh-textarea-min-height: var(--bh-space-10xl-80);
-  --bh-textarea-padding: var(--bh-space-lg-10);
-  --bh-textarea-radius: var(--bh-radius-lg-8);
-  --bh-textarea-tag-avatar-font-size: 9px;
-  --bh-textarea-tag-avatar-size: var(--bh-space-3xl-16);
-  --bh-textarea-tag-height: var(--bh-space-5xl-24);
-  --bh-textarea-width: var(--bh-space-18xl-320);
-  --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-tooltip-close-icon-size: var(--bh-space-xl-12);
-  --bh-tooltip-close-size: var(--bh-space-3xl-16);
-  --bh-tooltip-lg-padding: var(--bh-space-xl-12);
-  --bh-tooltip-lg-radius: var(--bh-radius-lg-8);
-  --bh-tooltip-lg-width: var(--bh-space-18xl-320);
-  --bh-tooltip-max-width: calc(100vw - var(--bh-space-6xl-32));
-  --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-depth: calc(var(--bh-space-md-8) - var(--bh-space-xxxs-1));
-  --bh-tooltip-pointer-half-width: var(--bh-space-sm-6);
-  --bh-tooltip-pointer-inline-offset: var(--bh-space-xl-12);
-  --bh-tooltip-pointer-offset: calc(var(--bh-tooltip-pointer-depth) * -1);
-  --bh-tooltip-pointer-width: 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-sm-padding-x: var(--bh-space-md-8);
-  --bh-tooltip-sm-padding-y: var(--bh-space-sm-6);
-  --bh-tooltip-sm-radius: var(--bh-radius-md-6);
-  --bh-underline-offset-default: 2px;
-  --bh-z-base: 0;
-  --bh-z-overlay: 50;
-  --bh-z-popover: 20;
-  --bh-z-raised: 10;
   --border: var(--bh-border-default);
   --card: var(--bh-bg-raised);
   --card-foreground: var(--bh-content-default);
@@ -1336,7 +256,59 @@
   --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);
-  --font-sans: var(--bh-font-family);
+  --elevation-accordion-item: none;
+  --elevation-avatar-badge: none;
+  --elevation-badge: none;
+  --elevation-button: var(--elevation-button-raised);
+  --elevation-button-active: var(--elevation-button-raised);
+  --elevation-button-danger-focus: var(--elevation-component-danger-focus-ring);
+  --elevation-button-focus: var(--elevation-component-focus-ring);
+  --elevation-button-group: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-button-group-border), var(--elevation-component-default);
+  --elevation-button-group-focus: var(--elevation-button-group), var(--elevation-component-focus-ring);
+  --elevation-button-group-focus-ring: var(--elevation-component-focus-ring);
+  --elevation-button-hover: var(--elevation-button-raised);
+  --elevation-button-raised: var(--elevation-component-raised);
+  --elevation-button-secondary: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-button-secondary-border, var(--bh-border-default)), var(--elevation-button-surface);
+  --elevation-button-secondary-focus: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-button-secondary-focus-border, var(--bh-border-brand-strong)), var(--elevation-button-surface), var(--elevation-button-focus);
+  --elevation-button-soft: inset 0px 1px 0px 0px rgb(255 255 255 / 0);
+  --elevation-button-surface: var(--elevation-component-surface);
+  --elevation-checkbox: var(--elevation-checkbox-control);
+  --elevation-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(--elevation-component-default);
+  --elevation-checkbox-card-focus: var(--elevation-checkbox-card), var(--elevation-button-focus);
+  --elevation-checkbox-control: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-checkbox-control-border, var(--bh-border-input)), var(--elevation-component-default);
+  --elevation-checkbox-focus: var(--elevation-checkbox), var(--elevation-button-focus);
+  --elevation-component-danger-focus-ring: 0px 0px 0px var(--bh-focus-ring-width) var(--bh-border-focus-danger);
+  --elevation-component-danger-focus-stroke: 0px 0px 0px var(--bh-border-width-default) var(--bh-bg-default), 0px 0px 0px calc(var(--bh-border-width-default) + var(--bh-focus-ring-width)) var(--bh-border-focus-danger);
+  --elevation-component-focus-ring: 0px 0px 0px var(--bh-focus-ring-width) var(--bh-border-focus);
+  --elevation-component-focus-stroke: 0px 0px 0px var(--bh-border-width-default) var(--bh-bg-default), 0px 0px 0px calc(var(--bh-border-width-default) + var(--bh-focus-ring-width)) var(--bh-border-focus);
+  --elevation-date-month-year-list: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-border-subtle);
+  --elevation-date-surface: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-date-surface-border, var(--bh-border-subtle)), var(--elevation-04);
+  --elevation-date-time-input: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-border-input);
+  --elevation-input: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-input-border, var(--bh-border-input)), var(--elevation-component-default);
+  --elevation-input-focus-ring: var(--elevation-component-focus-stroke);
+  --elevation-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-menu-border), var(--elevation-04);
+  --elevation-pagination-active: var(--elevation-button-raised);
+  --elevation-pagination-control: var(--elevation-button-soft);
+  --elevation-pagination-focus: var(--elevation-button-focus);
+  --elevation-popover: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-popover-border), var(--elevation-04);
+  --elevation-progress-slider-thumb-focus: var(--elevation-component-focus-ring);
+  --elevation-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(--elevation-radio-card-surface);
+  --elevation-radio-card-disabled: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-border-disabled);
+  --elevation-radio-card-surface: var(--elevation-component-default);
+  --elevation-radio-control: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-radio-control-border, var(--bh-border-input)), var(--elevation-component-default);
+  --elevation-select-checkbox: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-checkbox-border, var(--bh-border-input)), var(--elevation-component-default);
+  --elevation-select-danger-focus-ring: var(--elevation-component-danger-focus-stroke);
+  --elevation-select-focus-ring: var(--elevation-component-focus-stroke);
+  --elevation-select-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--elevation-04);
+  --elevation-select-trigger: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-trigger-border-current, var(--bh-select-trigger-border)), var(--elevation-component-default);
+  --elevation-sidebar: inset calc(var(--bh-border-width-default) * -1) 0px 0px 0px var(--bh-sidebar-border), var(--elevation-component-surface);
+  --elevation-slider-thumb: var(--elevation-03);
+  --elevation-slider-thumb-focus: var(--elevation-slider-thumb), var(--elevation-component-focus-ring);
+  --elevation-slider-tooltip: var(--elevation-04);
+  --elevation-social-button: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-social-button-border, transparent), var(--elevation-component-default);
+  --elevation-social-button-focus: var(--elevation-social-button), var(--elevation-component-focus-ring);
+  --elevation-social-button-focus-ring: var(--elevation-component-focus-ring);
+  --elevation-textarea: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-textarea-border, var(--bh-border-input)), var(--elevation-component-default);
   --foreground: var(--bh-content-default);
   --ghost: var(--bh-interactive-ghost-default);
   --ghost-hover: var(--bh-interactive-ghost-hover);
@@ -1353,77 +325,11 @@
   --primary-foreground: var(--bh-content-on-brand);
   --primary-hover: var(--bh-interactive-brand-hover);
   --primary-pressed: var(--bh-interactive-brand-pressed);
-  --radius: var(--bh-control-default);
-  --radius-lg: var(--bh-radius-lg-8);
-  --radius-md: var(--bh-radius-md-6);
-  --radius-sm: var(--bh-radius-sm-4);
-  --radius-xl: var(--bh-radius-xl-10);
   --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);
-  --shadow-accordion-item: none;
-  --shadow-avatar-badge: none;
-  --shadow-badge: none;
-  --shadow-button: var(--shadow-button-raised);
-  --shadow-button-active: var(--shadow-button-raised);
-  --shadow-button-danger-focus: var(--shadow-component-danger-focus-ring);
-  --shadow-button-focus: var(--shadow-component-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: var(--shadow-button-group), var(--shadow-component-focus-ring);
-  --shadow-button-group-focus-ring: var(--shadow-component-focus-ring);
-  --shadow-button-hover: var(--shadow-button-raised);
-  --shadow-button-raised: var(--shadow-component-raised);
-  --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-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-soft: inset 0px 1px 0px 0px rgb(255 255 255 / 0);
-  --shadow-button-surface: var(--shadow-component-surface);
-  --shadow-checkbox: var(--shadow-checkbox-control);
-  --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-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-focus: var(--shadow-checkbox), var(--shadow-button-focus);
-  --shadow-component-danger-focus-ring: 0px 0px 0px var(--bh-focus-ring-width) var(--bh-border-focus-danger);
-  --shadow-component-danger-focus-stroke: 0px 0px 0px var(--bh-border-width-default) var(--bh-bg-default), 0px 0px 0px calc(var(--bh-border-width-default) + var(--bh-focus-ring-width)) 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-component-focus-ring: 0px 0px 0px var(--bh-focus-ring-width) var(--bh-border-focus);
-  --shadow-component-focus-stroke: 0px 0px 0px var(--bh-border-width-default) var(--bh-bg-default), 0px 0px 0px calc(var(--bh-border-width-default) + var(--bh-focus-ring-width)) var(--bh-border-focus);
-  --shadow-component-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-component-surface: inset 0px -1px 0px 0px rgb(0 0 0 / 0.08), 0px 1px 2px 0px rgb(15 17 20 / 0.05);
-  --shadow-date-month-year-list: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-border-subtle);
-  --shadow-date-surface: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-date-surface-border, var(--bh-border-subtle)), var(--shadow-lg);
-  --shadow-date-time-input: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-border-input);
-  --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: var(--shadow-component-focus-stroke);
-  --shadow-lg: 0px 10px 16px -3px rgb(15 17 20 / 0.06), 0px 4px 6px -2px rgb(15 17 20 / 0.04);
-  --shadow-md: 0px 1.75px 4px -1px rgb(15 17 20 / 0.1);
-  --shadow-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-menu-border), var(--shadow-lg);
-  --shadow-pagination-active: var(--shadow-button-raised);
-  --shadow-pagination-control: var(--shadow-button-soft);
-  --shadow-pagination-focus: var(--shadow-button-focus);
-  --shadow-popover: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-popover-border), var(--shadow-lg);
-  --shadow-progress-slider-thumb-focus: var(--shadow-component-focus-ring);
-  --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-card-surface: var(--shadow-component-default);
-  --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-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: var(--shadow-component-danger-focus-stroke);
-  --shadow-select-focus-ring: var(--shadow-component-focus-stroke);
-  --shadow-select-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-lg);
-  --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-sidebar: inset calc(var(--bh-border-width-default) * -1) 0px 0px 0px var(--bh-sidebar-border), var(--shadow-component-surface);
-  --shadow-slider-thumb: var(--shadow-md);
-  --shadow-slider-thumb-focus: var(--shadow-slider-thumb), var(--shadow-component-focus-ring);
-  --shadow-slider-tooltip: var(--shadow-lg);
-  --shadow-sm: 0px 1px 3px 0px rgb(15 17 20 / 0.1);
-  --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: var(--shadow-social-button), var(--shadow-component-focus-ring);
-  --shadow-social-button-focus-ring: var(--shadow-component-focus-ring);
-  --shadow-textarea: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-textarea-border, var(--bh-border-input)), var(--shadow-component-default);
-  --shadow-xl: 0px 20px 25px -5px rgb(15 17 20 / 0.08), 0px 10px 10px -5px rgb(15 17 20 / 0.06);
-  --shadow-xs: 0px 1px 2px 0px rgb(15 17 20 / 0.06);
   --soft: var(--bh-interactive-soft-default);
   --soft-hover: var(--bh-interactive-soft-hover);
   --soft-pressed: var(--bh-interactive-soft-pressed);
@@ -1440,50 +346,1260 @@
   --warning-soft-hover: var(--bh-bg-warning-soft);
 }
 
-/* Banhaten brand theme light token modes: generated from tokens/banhaten.tokens.json. */
+/* Banhaten brand theme light token modes: generated from tokens/banhaten.tokens.json. */
+
+:root,
+[data-theme="gray"] {
+  --bh-activity-feed-compact-width: 600px;
+  --bh-activity-feed-completed-brightness: 0.99;
+  --bh-agent-input-field-max-height: var(--bh-space-13xl-160);
+  --bh-agent-input-palette-width: var(--bh-space-15xl-224);
+  --bh-agent-input-ring-duration: 1.1s;
+  --bh-agent-input-ring-width: var(--bh-space-xxxs-1);
+  --bh-alert-compact-height: calc(var(--bh-space-8xl-48) + var(--bh-space-md-8));
+  --bh-alert-compact-padding: var(--bh-space-3xl-16);
+  --bh-alert-compact-radius: var(--bh-radius-lg-8);
+  --bh-alert-compact-width: 470px;
+  --bh-alert-expanded-height: calc(var(--bh-space-12xl-128) + var(--bh-space-3xl-16));
+  --bh-alert-expanded-padding-x: var(--bh-space-3xl-16);
+  --bh-alert-expanded-padding-y: var(--bh-space-4xl-20);
+  --bh-alert-expanded-radius: var(--bh-radius-xl-10);
+  --bh-alert-expanded-rtl-height: calc(var(--bh-space-11xl-96) + var(--bh-space-5xl-24));
+  --bh-alert-expanded-width: 500px;
+  --bh-alert-icon-size: var(--bh-icon-size-default);
+  --bh-alert-icon-slot-size: var(--bh-icon-slot-size-default);
+  --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-avatar-action-icon-size-2xl: var(--bh-space-2xl-14);
+  --bh-avatar-action-icon-size-3xl: 18px;
+  --bh-avatar-action-icon-size-4xl: 22px;
+  --bh-avatar-action-icon-size-large: var(--bh-space-lg-10);
+  --bh-avatar-action-icon-size-medium: 9px;
+  --bh-avatar-action-icon-size-small: var(--bh-space-md-8);
+  --bh-avatar-action-icon-size-tiny: var(--bh-space-sm-6);
+  --bh-avatar-action-icon-size-xlarge: var(--bh-space-xl-12);
+  --bh-avatar-action-icon-size-xsmall: 7px;
+  --bh-avatar-action-size-2xl: var(--bh-space-5xl-24);
+  --bh-avatar-action-size-3xl: var(--bh-space-6xl-32);
+  --bh-avatar-action-size-4xl: var(--bh-space-7xl-40);
+  --bh-avatar-action-size-large: 18px;
+  --bh-avatar-action-size-medium: var(--bh-space-3xl-16);
+  --bh-avatar-action-size-small: var(--bh-space-2xl-14);
+  --bh-avatar-action-size-tiny: var(--bh-space-lg-10);
+  --bh-avatar-action-size-xlarge: var(--bh-space-4xl-20);
+  --bh-avatar-action-size-xsmall: var(--bh-space-xl-12);
+  --bh-avatar-fallback-font-size-2xl: var(--bh-text-body-sm-semibold-font-size);
+  --bh-avatar-fallback-font-size-2xs: 9px;
+  --bh-avatar-fallback-font-size-3xl: var(--bh-text-body-md-semibold-font-size);
+  --bh-avatar-fallback-font-size-4xl: var(--bh-text-body-md-semibold-font-size);
+  --bh-avatar-fallback-font-size-lg: var(--bh-text-body-sm-semibold-font-size);
+  --bh-avatar-fallback-font-size-md: var(--bh-text-body-2xs-semibold-font-size);
+  --bh-avatar-fallback-font-size-sm: var(--bh-text-body-2xs-semibold-font-size);
+  --bh-avatar-fallback-font-size-xl: var(--bh-text-body-sm-semibold-font-size);
+  --bh-avatar-fallback-font-size-xs: var(--bh-space-lg-10);
+  --bh-avatar-icon-size-2xl: var(--bh-radius-6xl-28);
+  --bh-avatar-icon-size-2xs: var(--bh-space-lg-10);
+  --bh-avatar-icon-size-3xl: var(--bh-space-6xl-32);
+  --bh-avatar-icon-size-4xl: 36px;
+  --bh-avatar-icon-size-lg: var(--bh-icon-size-default);
+  --bh-avatar-icon-size-md: var(--bh-icon-size-default);
+  --bh-avatar-icon-size-sm: var(--bh-space-3xl-16);
+  --bh-avatar-icon-size-xl: var(--bh-space-5xl-24);
+  --bh-avatar-icon-size-xs: var(--bh-space-xl-12);
+  --bh-avatar-size-2xl: var(--bh-space-8xl-48);
+  --bh-avatar-size-2xs: var(--bh-space-3xl-16);
+  --bh-avatar-size-3xl: 56px;
+  --bh-avatar-size-4xl: var(--bh-space-9xl-64);
+  --bh-avatar-size-lg: 36px;
+  --bh-avatar-size-md: var(--bh-space-6xl-32);
+  --bh-avatar-size-sm: var(--bh-space-5xl-24);
+  --bh-avatar-size-xl: var(--bh-space-7xl-40);
+  --bh-avatar-size-xs: var(--bh-space-4xl-20);
+  --bh-avatar-status-ring-default: var(--bh-space-xxs-2);
+  --bh-avatar-status-ring-thin: var(--bh-space-xxxs-1);
+  --bh-avatar-status-size-large: var(--bh-space-3xl-16);
+  --bh-avatar-status-size-medium: var(--bh-space-2xl-14);
+  --bh-avatar-status-size-small: var(--bh-space-lg-10);
+  --bh-avatar-status-size-tiny: var(--bh-space-sm-6);
+  --bh-avatar-status-size-xlarge: var(--bh-space-4xl-20);
+  --bh-avatar-status-size-xsmall: var(--bh-space-md-8);
+  --bh-badge-focus-ring-width: var(--bh-space-xs-4);
+  --bh-badge-outline-border-width: calc(var(--bh-border-width-default) + (var(--bh-border-width-default) / 2));
+  --bh-border-width-default: var(--bh-space-xxxs-1);
+  --bh-border-width-strong: var(--bh-space-xxs-2);
+  --bh-button-gap: var(--bh-space-xs-4);
+  --bh-button-gap-xs: var(--bh-space-xxs-2);
+  --bh-button-group-icon-size: var(--bh-icon-size-default);
+  --bh-button-group-icon-slot-size: var(--bh-icon-slot-size-default);
+  --bh-button-group-label-padding-x: var(--bh-space-xxs-2);
+  --bh-button-group-md-gap: var(--bh-space-xs-4);
+  --bh-button-group-md-height: var(--bh-space-7xl-40);
+  --bh-button-group-md-icon-padding-x: var(--bh-space-lg-10);
+  --bh-button-group-md-item-rtl-width: 124px;
+  --bh-button-group-md-item-width: var(--bh-space-12xl-128);
+  --bh-button-group-md-padding-x: var(--bh-space-2xl-14);
+  --bh-button-group-radius: var(--bh-control-default);
+  --bh-button-group-sm-gap: var(--bh-space-xs-4);
+  --bh-button-group-sm-height: var(--bh-button-sm-height);
+  --bh-button-group-sm-icon-padding-x: var(--bh-space-md-8);
+  --bh-button-group-sm-item-rtl-width: 116px;
+  --bh-button-group-sm-item-width: 120px;
+  --bh-button-group-sm-padding-x: var(--bh-space-lg-10);
+  --bh-button-group-xs-gap: var(--bh-space-xxs-2);
+  --bh-button-group-xs-height: var(--bh-button-xs-height);
+  --bh-button-group-xs-icon-padding-x: var(--bh-space-sm-6);
+  --bh-button-group-xs-item-rtl-width: 108px;
+  --bh-button-group-xs-item-width: 112px;
+  --bh-button-group-xs-padding-x: var(--bh-space-md-8);
+  --bh-button-icon-offset: calc(var(--bh-space-xxs-2) * -1);
+  --bh-button-icon-size: var(--bh-icon-size-default);
+  --bh-button-icon-slot-size: var(--bh-icon-slot-size-default);
+  --bh-button-label-padding-x: var(--bh-space-xs-4);
+  --bh-button-lg-height: var(--bh-space-8xl-48);
+  --bh-button-lg-padding-x: var(--bh-space-xl-12);
+  --bh-button-lg-padding-y: var(--bh-space-xl-12);
+  --bh-button-md-height: var(--bh-space-7xl-40);
+  --bh-button-md-padding-x: var(--bh-space-lg-10);
+  --bh-button-sm-height: calc(var(--bh-space-6xl-32) + var(--bh-space-xs-4));
+  --bh-button-sm-padding-x: var(--bh-space-md-8);
+  --bh-button-sm-padding-y: var(--bh-space-md-8);
+  --bh-button-xl-height: calc(var(--bh-space-8xl-48) + var(--bh-space-xs-4));
+  --bh-button-xl-padding-y: var(--bh-space-2xl-14);
+  --bh-button-xs-height: var(--bh-space-6xl-32);
+  --bh-button-xs-padding-x: var(--bh-space-sm-6);
+  --bh-card-actions-max-width: calc(var(--bh-space-18xl-320) + var(--bh-space-7xl-40));
+  --bh-card-desktop-content-padding: var(--bh-space-5xl-24);
+  --bh-card-desktop-full-height: 341px;
+  --bh-card-desktop-horizontal-padding: var(--bh-space-6xl-32);
+  --bh-card-desktop-media-height: 280px;
+  --bh-card-horizontal-media-width: 480px;
+  --bh-card-horizontal-min-height: var(--bh-space-18xl-320);
+  --bh-card-horizontal-width: 1020px;
+  --bh-card-mobile-content-padding: var(--bh-space-4xl-20);
+  --bh-card-mobile-full-height: 300px;
+  --bh-card-mobile-horizontal-padding: var(--bh-space-4xl-20);
+  --bh-card-mobile-media-height: 240px;
+  --bh-card-more-icon-size: var(--bh-space-5xl-24);
+  --bh-card-more-size: var(--bh-space-6xl-32);
+  --bh-card-vertical-width: 420px;
+  --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-content-gap: var(--bh-space-xl-12);
+  --bh-checkbox-card-gap: var(--bh-space-3xl-16);
+  --bh-checkbox-card-label-gap: var(--bh-space-xl-12);
+  --bh-checkbox-card-media-icon-size: var(--bh-space-5xl-24);
+  --bh-checkbox-card-padding: var(--bh-space-3xl-16);
+  --bh-checkbox-card-radius: var(--bh-radius-xl-10);
+  --bh-checkbox-card-text-gap: var(--bh-space-xxs-2);
+  --bh-checkbox-card-width: 338px;
+  --bh-checkbox-control-radius: var(--bh-radius-sm-4);
+  --bh-checkbox-control-size: var(--bh-space-3xl-16);
+  --bh-checkbox-icon-size: var(--bh-space-xl-12);
+  --bh-checkbox-indeterminate-height: var(--bh-space-xxs-2);
+  --bh-checkbox-indeterminate-width: var(--bh-space-md-8);
+  --bh-checkbox-root-size: var(--bh-space-4xl-20);
+  --bh-citation-mark-size: var(--bh-space-2xl-14);
+  --bh-colors-brand-border-border-strong: var(--bh-gray-950);
+  --bh-colors-brand-border-border-strong-dark: var(--bh-gray-dark-950);
+  --bh-colors-brand-border-border-subtle: var(--bh-gray-500);
+  --bh-colors-brand-border-border-subtle-dark: var(--bh-gray-dark-500);
+  --bh-colors-brand-checkbox-bg-default: var(--bh-gray-950);
+  --bh-colors-brand-checkbox-bg-default-dark: var(--bh-gray-50);
+  --bh-colors-brand-checkbox-bg-hover: var(--bh-gray-950);
+  --bh-colors-brand-checkbox-bg-hover-dark: var(--bh-gray-100);
+  --bh-colors-brand-color-on-brand-dark: var(--bh-gray-dark-50);
+  --bh-colors-brand-content-dark: var(--bh-base-white);
+  --bh-colors-brand-content-light: var(--bh-gray-950);
+  --bh-colors-brand-content-strong-dark: var(--bh-base-white);
+  --bh-colors-brand-content-strong-light: var(--bh-gray-950);
+  --bh-colors-brand-focused-dark: var(--bh-base-white);
+  --bh-colors-brand-focused-light: var(--bh-gray-950);
+  --bh-colors-brand-indicator: var(--bh-gray-950);
+  --bh-colors-brand-indicator-dark: var(--bh-gray-dark-950);
+  --bh-colors-brand-interactive-default: var(--bh-gray-950);
+  --bh-colors-brand-interactive-default-dark: var(--bh-gray-dark-950);
+  --bh-colors-brand-interactive-hover: var(--bh-gray-900);
+  --bh-colors-brand-interactive-hover-dark: var(--bh-gray-dark-900);
+  --bh-colors-brand-interactive-pressed: var(--bh-gray-950);
+  --bh-colors-brand-interactive-pressed-dark: var(--bh-gray-dark-950);
+  --bh-colors-brand-link-dark: var(--bh-base-white);
+  --bh-colors-brand-link-hover-dark: var(--bh-gray-200);
+  --bh-colors-brand-link-hover-light: var(--bh-gray-900);
+  --bh-colors-brand-link-light: var(--bh-gray-950);
+  --bh-colors-brand-radiobutton-bg-default: var(--bh-gray-950);
+  --bh-colors-brand-radiobutton-bg-default-dark: var(--bh-gray-50);
+  --bh-colors-brand-radiobutton-bg-hover: var(--bh-gray-950);
+  --bh-colors-brand-radiobutton-bg-hover-dark: var(--bh-gray-500);
+  --bh-colors-brand-surface-base: var(--bh-gray-950);
+  --bh-colors-brand-surface-base-dark: var(--bh-base-white);
+  --bh-colors-brand-surface-bold-dark: var(--bh-gray-dark-900);
+  --bh-colors-brand-surface-bold-light: var(--bh-gray-800);
+  --bh-colors-brand-surface-soft-dark: var(--bh-gray-dark-alpha-300);
+  --bh-colors-brand-surface-soft-light: var(--bh-gray-300);
+  --bh-colors-brand-surface-strong-dark: var(--bh-gray-dark-800);
+  --bh-colors-brand-surface-strong-light: var(--bh-gray-900);
+  --bh-colors-brand-surface-subtle-dark: var(--bh-gray-dark-alpha-200);
+  --bh-colors-brand-surface-subtle-light: var(--bh-gray-200);
+  --bh-control-default: 8px;
+  --bh-control-lg: 10px;
+  --bh-control-md: 6px;
+  --bh-control-sm: 4px;
+  --bh-date-day-cell-height: var(--bh-space-6xl-32);
+  --bh-date-event-dot-offset-bottom: var(--bh-space-xxs-2);
+  --bh-date-event-dot-size: var(--bh-space-xs-4);
+  --bh-date-list-item-height: var(--bh-button-sm-height);
+  --bh-date-month-year-item-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-spacer-height: 252px;
+  --bh-date-nav-button-size: var(--bh-button-xs-height);
+  --bh-date-nav-icon-size: var(--bh-icon-size-default);
+  --bh-date-nav-icon-slot-size: var(--bh-icon-slot-size-default);
+  --bh-date-picker-width: var(--bh-date-trigger-width);
+  --bh-date-presets-width: 144px;
+  --bh-date-range-month-width: var(--bh-space-15xl-224);
+  --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-time-input-min-height: var(--bh-space-6xl-32);
+  --bh-date-title-chevron-size: var(--bh-space-3xl-16);
+  --bh-date-title-height: var(--bh-button-xs-height);
+  --bh-date-trigger-height: var(--bh-button-md-height);
+  --bh-date-trigger-icon-size: var(--bh-icon-size-default);
+  --bh-date-trigger-icon-slot-size: var(--bh-icon-slot-size-default);
+  --bh-date-trigger-width: 260px;
+  --bh-duration-accordion: 180ms;
+  --bh-duration-default: 200ms;
+  --bh-duration-fast: 160ms;
+  --bh-duration-moderate: 280ms;
+  --bh-duration-reduced-motion: 0.01ms;
+  --bh-duration-slow: 350ms;
+  --bh-duration-slower: 560ms;
+  --bh-easing-emphasized: cubic-bezier(0.22, 1, 0.36, 1);
+  --bh-easing-out: ease-out;
+  --bh-easing-standard: ease;
+  --bh-empty-state-icon-stroke-width: 2;
+  --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-file-upload-spin-duration: 1s;
+  --bh-focus-ring-offset: var(--bh-space-xxs-2);
+  --bh-focus-ring-width: var(--bh-space-xs-4);
+  --bh-font-family: var(--bh-font-family-english), var(--bh-font-family-arabic), var(--bh-font-family-fallback);
+  --bh-font-family-arabic: "IBM Plex Sans Arabic";
+  --bh-font-family-english: Inter;
+  --bh-font-family-fallback: sans-serif;
+  --bh-font-family-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  --bh-font-weight-bold: 700;
+  --bh-font-weight-medium: 500;
+  --bh-font-weight-regular: 400;
+  --bh-font-weight-semibold: 600;
+  --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-pack-column: 42px;
+  --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-icon-explorer-topbar-min-height: 74px;
+  --bh-icon-size-default: 18px;
+  --bh-icon-slot-inset-default: calc((var(--bh-icon-slot-size-default) - var(--bh-icon-size-default)) / 2);
+  --bh-icon-slot-size-default: var(--bh-space-4xl-20);
+  --bh-icon-stroke-180: 1.8;
+  --bh-icon-stroke-190: 1.9;
+  --bh-icon-stroke-200: 2;
+  --bh-icon-stroke-210: 2.1;
+  --bh-icon-stroke-220: 2.2;
+  --bh-icon-stroke-225: 2.25;
+  --bh-icon-stroke-240: 2.4;
+  --bh-icon-stroke-250: 2.5;
+  --bh-icon-stroke-260: 2.6;
+  --bh-icon-stroke-280: 2.8;
+  --bh-icon-stroke-300: 3;
+  --bh-icon-stroke-bold: var(--bh-icon-stroke-300);
+  --bh-icon-stroke-default: var(--bh-icon-stroke-200);
+  --bh-icon-stroke-medium: var(--bh-icon-stroke-225);
+  --bh-icon-stroke-strong: var(--bh-icon-stroke-250);
+  --bh-icon-stroke-thin: var(--bh-icon-stroke-180);
+  --bh-input-chevron-size: var(--bh-space-3xl-16);
+  --bh-input-comfortable-height: var(--bh-button-md-height);
+  --bh-input-comfortable-padding-x: var(--bh-space-xl-12);
+  --bh-input-content-gap: var(--bh-space-sm-6);
+  --bh-input-helper-gap: var(--bh-space-sm-6);
+  --bh-input-icon-size: var(--bh-space-3xl-16);
+  --bh-input-icon-slot-size: var(--bh-space-4xl-20);
+  --bh-input-info-icon-size: 13.333px;
+  --bh-input-inline-gap: var(--bh-space-xs-4);
+  --bh-input-inline-tags-gap: var(--bh-space-sm-6);
+  --bh-input-label-gap: var(--bh-space-sm-6);
+  --bh-input-leading-symbol-font-size: 15px;
+  --bh-input-lg-height: var(--bh-button-sm-height);
+  --bh-input-lg-padding-x: var(--bh-space-lg-10);
+  --bh-input-md-height: var(--bh-space-6xl-32);
+  --bh-input-md-padding-x: var(--bh-space-md-8);
+  --bh-input-otp-group-gap: var(--bh-space-md-8);
+  --bh-input-otp-separator-height: var(--bh-border-width-strong);
+  --bh-input-otp-separator-width: var(--bh-space-md-8);
+  --bh-input-otp-slot-comfortable-width: var(--bh-input-comfortable-height);
+  --bh-input-otp-slot-gap: var(--bh-space-xs-4);
+  --bh-input-otp-slot-lg-width: var(--bh-input-lg-height);
+  --bh-input-otp-slot-md-width: var(--bh-input-md-height);
+  --bh-input-otp-width: max-content;
+  --bh-input-radius: var(--bh-control-default);
+  --bh-input-segment-gap: var(--bh-space-xs-4);
+  --bh-input-segment-padding-x: var(--bh-space-lg-10);
+  --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-width: var(--bh-space-18xl-320);
+  --bh-item-actions-gap: var(--bh-space-md-8);
+  --bh-item-content-gap: var(--bh-space-xxs-2);
+  --bh-item-gap: var(--bh-space-xl-12);
+  --bh-item-group-gap: var(--bh-space-xs-4);
+  --bh-item-icon-size: var(--bh-icon-size-default);
+  --bh-item-icon-slot-size: var(--bh-icon-slot-size-default);
+  --bh-item-media-radius: var(--bh-radius-lg-8);
+  --bh-item-media-size: var(--bh-space-7xl-40);
+  --bh-item-min-height-lg: var(--bh-space-11xl-96);
+  --bh-item-min-height-md: var(--bh-space-9xl-64);
+  --bh-item-min-height-sm: var(--bh-space-8xl-48);
+  --bh-item-padding-x: var(--bh-space-3xl-16);
+  --bh-item-padding-y: var(--bh-space-xl-12);
+  --bh-item-radius: var(--bh-radius-xl-10);
+  --bh-menu-action-gap: var(--bh-space-xxs-2);
+  --bh-menu-action-height: var(--bh-space-6xl-32);
+  --bh-menu-action-padding-x: var(--bh-space-sm-6);
+  --bh-menu-badge-height: var(--bh-space-5xl-24);
+  --bh-menu-badge-padding-x: var(--bh-space-md-8);
+  --bh-menu-divider-padding-y: var(--bh-space-xxs-2);
+  --bh-menu-gap: var(--bh-space-xs-4);
+  --bh-menu-icon-padding: var(--bh-space-xxs-2);
+  --bh-menu-item-action-height: var(--bh-space-8xl-48);
+  --bh-menu-item-action-width: 240px;
+  --bh-menu-item-button-height: var(--bh-space-7xl-40);
+  --bh-menu-item-caption-height: var(--bh-radius-6xl-28);
+  --bh-menu-item-content-compact-padding-y: var(--bh-space-xs-4);
+  --bh-menu-item-content-padding: var(--bh-space-sm-6);
+  --bh-menu-item-default-height: var(--bh-button-sm-height);
+  --bh-menu-item-default-width: 355px;
+  --bh-menu-item-divider-height: var(--bh-space-xs-4);
+  --bh-menu-item-gap: var(--bh-space-xs-4);
+  --bh-menu-item-label-height: var(--bh-radius-6xl-28);
+  --bh-menu-item-multiline-height: var(--bh-space-8xl-48);
+  --bh-menu-item-multiline-width: 402px;
+  --bh-menu-item-padding-x: var(--bh-space-sm-6);
+  --bh-menu-item-progress-height: 44px;
+  --bh-menu-item-radius: var(--bh-radius-md-6);
+  --bh-menu-item-slot-gap: var(--bh-space-md-8);
+  --bh-menu-label-padding-x: var(--bh-space-3xl-16);
+  --bh-menu-leading-icon-size: var(--bh-icon-size-default);
+  --bh-menu-leading-icon-slot-size: var(--bh-icon-slot-size-default);
+  --bh-menu-padding-y: var(--bh-space-sm-6);
+  --bh-menu-progress-gap: var(--bh-space-md-8);
+  --bh-menu-progress-height: var(--bh-space-md-8);
+  --bh-menu-radius: var(--bh-radius-xl-10);
+  --bh-menu-switch-handle-size: var(--bh-space-2xl-14);
+  --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-width: var(--bh-space-6xl-32);
+  --bh-menu-trailing-icon-size: var(--bh-space-3xl-16);
+  --bh-menu-width: 228px;
+  --bh-modal-action-label-padding-x: var(--bh-space-xs-4);
+  --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-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-popover-arrow-depth: var(--bh-space-md-8);
+  --bh-popover-arrow-inline-offset: var(--bh-space-xl-12);
+  --bh-popover-arrow-offset: calc(var(--bh-popover-arrow-depth) * -1);
+  --bh-popover-arrow-overlap: var(--bh-border-width-default);
+  --bh-popover-arrow-width: var(--bh-space-xl-12);
+  --bh-popover-body-gap: var(--bh-space-md-8);
+  --bh-popover-close-icon-size: var(--bh-space-3xl-16);
+  --bh-popover-close-size: var(--bh-space-5xl-24);
+  --bh-popover-content-gap: var(--bh-space-lg-10);
+  --bh-popover-footer-gap: var(--bh-space-md-8);
+  --bh-popover-header-gap: var(--bh-space-md-8);
+  --bh-popover-lg-width: var(--bh-space-19xl-384);
+  --bh-popover-max-width: calc(100vw - var(--bh-space-6xl-32));
+  --bh-popover-md-width: var(--bh-space-17xl-288);
+  --bh-popover-offset: var(--bh-popover-offset-default);
+  --bh-popover-offset-default: var(--bh-space-md-8);
+  --bh-popover-offset-loose: var(--bh-space-3xl-16);
+  --bh-popover-offset-tight: var(--bh-space-xs-4);
+  --bh-popover-padding: var(--bh-space-xl-12);
+  --bh-popover-radius: var(--bh-radius-xl-10);
+  --bh-popover-sm-width: var(--bh-space-15xl-224);
+  --bh-popover-trigger-gap: var(--bh-space-xs-4);
+  --bh-progress-slider-border-width-lg: calc(var(--bh-border-width-strong) + var(--bh-border-width-default));
+  --bh-progress-slider-border-width-md: var(--bh-border-width-strong);
+  --bh-progress-slider-grip-height-lg: var(--bh-space-6xl-32);
+  --bh-progress-slider-grip-height-md: var(--bh-space-5xl-24);
+  --bh-progress-slider-grip-width: calc(var(--bh-border-width-strong) + var(--bh-border-width-default));
+  --bh-progress-slider-handle-width-lg: 44px;
+  --bh-progress-slider-handle-width-md: var(--bh-button-sm-height);
+  --bh-progress-slider-height-lg: 72px;
+  --bh-progress-slider-height-md: 56px;
+  --bh-progress-slider-radius: var(--bh-radius-5xl-24);
+  --bh-progress-slider-tick-gap: var(--bh-space-xl-12);
+  --bh-progress-slider-tick-padding: var(--bh-space-6xl-32);
+  --bh-progress-slider-tick-size: var(--bh-space-sm-6);
+  --bh-progress-slider-width-lg: 472px;
+  --bh-progress-slider-width-md: calc(var(--bh-space-18xl-320) + var(--bh-space-7xl-40));
+  --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-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;
+  --bh-shimmer-text-duration: 2.25s;
+  --bh-sidebar-active-guide-height: 15px;
+  --bh-sidebar-brand-height: 38px;
+  --bh-sidebar-compact-control-size: 36px;
+  --bh-sidebar-header-action-size: 28px;
+  --bh-sidebar-icon-size: var(--bh-icon-size-default);
+  --bh-sidebar-icon-size-collapsed: var(--bh-icon-size-default);
+  --bh-sidebar-icon-slot-size: var(--bh-icon-slot-size-default);
+  --bh-sidebar-item-gap: var(--bh-space-md-8);
+  --bh-sidebar-item-height: var(--bh-space-6xl-32);
+  --bh-sidebar-item-height-collapsed: var(--bh-space-7xl-40);
+  --bh-sidebar-item-padding-x: var(--bh-space-sm-6);
+  --bh-sidebar-level-2-indent-width: var(--bh-sidebar-icon-slot-size);
+  --bh-sidebar-min-height: 900px;
+  --bh-sidebar-motion-delay-content: 40ms;
+  --bh-sidebar-motion-duration: var(--bh-duration-default);
+  --bh-sidebar-motion-duration-content: var(--bh-duration-fast);
+  --bh-sidebar-motion-easing: cubic-bezier(0.2, 0, 0.38, 0.9);
+  --bh-sidebar-padding: var(--bh-space-lg-10);
+  --bh-sidebar-rail-width: 16px;
+  --bh-sidebar-section-gap: var(--bh-space-3xl-16);
+  --bh-sidebar-tree-indent-step: 22px;
+  --bh-sidebar-tree-item-height: 28px;
+  --bh-sidebar-user-preview-gap: var(--bh-space-md-8);
+  --bh-sidebar-user-preview-height: 56px;
+  --bh-sidebar-user-preview-width: 232px;
+  --bh-sidebar-width: 280px;
+  --bh-sidebar-width-collapsed: 48px;
+  --bh-sidebar-workspace-card-height: 50px;
+  --bh-sidebar-workspace-trigger-max-width: 148px;
+  --bh-sidebar-workspace-trigger-width: 143px;
+  --bh-skeleton-duration: 1.4s;
+  --bh-skeleton-shimmer-width: 62%;
+  --bh-skeleton-width: 100%;
+  --bh-slider-indicator-gap: var(--bh-space-md-8);
+  --bh-slider-pill-height: 72px;
+  --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-pill-thumb-width: 126px;
+  --bh-slider-thumb-grip-width: calc(var(--bh-border-width-strong) + var(--bh-border-width-default));
+  --bh-slider-thumb-radius: var(--bh-radius-full);
+  --bh-slider-thumb-ring-width-lg: 9px;
+  --bh-slider-thumb-ring-width-md: var(--bh-space-md-8);
+  --bh-slider-thumb-ring-width-sm: var(--bh-space-sm-6);
+  --bh-slider-thumb-size-lg: var(--bh-radius-6xl-28);
+  --bh-slider-thumb-size-md: var(--bh-space-5xl-24);
+  --bh-slider-thumb-size-sm: var(--bh-space-4xl-20);
+  --bh-slider-tick-gap: var(--bh-space-xl-12);
+  --bh-slider-tick-size: var(--bh-space-sm-6);
+  --bh-slider-track-radius: var(--bh-radius-full);
+  --bh-slider-track-size-lg: var(--bh-space-lg-10);
+  --bh-slider-track-size-md: var(--bh-space-md-8);
+  --bh-slider-track-size-sm: var(--bh-space-sm-6);
+  --bh-slider-vertical-height: var(--bh-space-13xl-160);
+  --bh-slider-width: var(--bh-space-18xl-320);
+  --bh-social-apple-width: 181px;
+  --bh-social-apple-width-rtl: 222px;
+  --bh-social-button-gap: var(--bh-space-md-8);
+  --bh-social-button-height: calc(var(--bh-space-6xl-32) + var(--bh-space-xs-4));
+  --bh-social-button-icon-size: 18px;
+  --bh-social-button-label-padding-inline-end: var(--bh-space-xxs-2);
+  --bh-social-button-padding-x: var(--bh-space-xl-12);
+  --bh-social-button-padding-y: var(--bh-space-sm-6);
+  --bh-social-button-radius: var(--bh-control-default);
+  --bh-social-facebook-bg: #1465CE;
+  --bh-social-facebook-border: transparent;
+  --bh-social-facebook-hover: #0F52A8;
+  --bh-social-facebook-outline-icon: var(--bh-social-facebook-bg);
+  --bh-social-facebook-width: 210px;
+  --bh-social-facebook-width-rtl: 254px;
+  --bh-social-google-blue: #4285F4;
+  --bh-social-google-green: #34A853;
+  --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-hover: #006BA5;
+  --bh-social-linkedin-outline-icon: var(--bh-social-linkedin-bg);
+  --bh-social-linkedin-width: 200px;
+  --bh-social-linkedin-width-rtl: 252px;
+  --bh-social-twitter-width: 190px;
+  --bh-social-twitter-width-rtl: 231px;
+  --bh-social-whatsapp-bg: #087D34;
+  --bh-social-whatsapp-border: transparent;
+  --bh-social-whatsapp-hover: #066428;
+  --bh-social-whatsapp-outline-icon: var(--bh-social-whatsapp-bg);
+  --bh-social-whatsapp-width: 214px;
+  --bh-social-whatsapp-width-rtl: 250px;
+  --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;
+  --bh-spinner-duration-dynamic: 6s;
+  --bh-spinner-duration-steady: 1.5s;
+  --bh-spinner-easing: cubic-bezier(0.45, 0, 0.55, 1);
+  --bh-spinner-size: var(--bh-space-3xl-16);
+  --bh-spinner-stroke-width: 4;
+  --bh-steps-horizontal-width: 900px;
+  --bh-steps-indicator-panel-width: 400px;
+  --bh-steps-vertical-width: 240px;
+  --bh-streaming-text-caret-duration: 1s;
+  --bh-streaming-text-caret-width: var(--bh-space-xxs-2);
+  --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-tag-active-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: var(--bh-space-xs-4);
+  --bh-task-list-icon-size: var(--bh-space-3xl-16);
+  --bh-task-list-stagger: 50ms;
+  --bh-text-base-font-size: var(--bh-text-body-md-regular-font-size);
+  --bh-text-base-font-weight: var(--bh-text-body-md-regular-font-weight);
+  --bh-text-base-letter-spacing: var(--bh-text-body-md-regular-letter-spacing);
+  --bh-text-base-line-height: var(--bh-text-body-md-regular-line-height);
+  --bh-text-body-2xs-medium-font-size: 12px;
+  --bh-text-body-2xs-medium-font-weight: var(--bh-font-weight-medium);
+  --bh-text-body-2xs-medium-letter-spacing: 0px;
+  --bh-text-body-2xs-medium-line-height: 16px;
+  --bh-text-body-2xs-regular-font-size: 12px;
+  --bh-text-body-2xs-regular-font-weight: var(--bh-font-weight-regular);
+  --bh-text-body-2xs-regular-letter-spacing: 0px;
+  --bh-text-body-2xs-regular-line-height: 16px;
+  --bh-text-body-2xs-semibold-font-size: 12px;
+  --bh-text-body-2xs-semibold-font-weight: var(--bh-font-weight-semibold);
+  --bh-text-body-2xs-semibold-letter-spacing: 0px;
+  --bh-text-body-2xs-semibold-line-height: 16px;
+  --bh-text-body-2xs-underline-font-size: 12px;
+  --bh-text-body-2xs-underline-font-weight: var(--bh-font-weight-medium);
+  --bh-text-body-2xs-underline-letter-spacing: 0px;
+  --bh-text-body-2xs-underline-line-height: 16px;
+  --bh-text-body-3xs-medium-font-size: 11px;
+  --bh-text-body-3xs-medium-font-weight: var(--bh-font-weight-medium);
+  --bh-text-body-3xs-medium-letter-spacing: 0px;
+  --bh-text-body-3xs-medium-line-height: 14px;
+  --bh-text-body-3xs-regular-font-size: 11px;
+  --bh-text-body-3xs-regular-font-weight: var(--bh-font-weight-regular);
+  --bh-text-body-3xs-regular-letter-spacing: 0px;
+  --bh-text-body-3xs-regular-line-height: 14px;
+  --bh-text-body-3xs-semibold-font-size: 11px;
+  --bh-text-body-3xs-semibold-font-weight: var(--bh-font-weight-semibold);
+  --bh-text-body-3xs-semibold-letter-spacing: 0px;
+  --bh-text-body-3xs-semibold-line-height: 14px;
+  --bh-text-body-lg-medium-font-size: 17px;
+  --bh-text-body-lg-medium-font-weight: var(--bh-font-weight-medium);
+  --bh-text-body-lg-medium-letter-spacing: 0px;
+  --bh-text-body-lg-medium-line-height: 28px;
+  --bh-text-body-lg-regular-font-size: 17px;
+  --bh-text-body-lg-regular-font-weight: var(--bh-font-weight-regular);
+  --bh-text-body-lg-regular-letter-spacing: 0px;
+  --bh-text-body-lg-regular-line-height: 28px;
+  --bh-text-body-lg-semibold-font-size: 17px;
+  --bh-text-body-lg-semibold-font-weight: var(--bh-font-weight-semibold);
+  --bh-text-body-lg-semibold-letter-spacing: 0px;
+  --bh-text-body-lg-semibold-line-height: 28px;
+  --bh-text-body-lg-underline-font-size: 17px;
+  --bh-text-body-lg-underline-font-weight: var(--bh-font-weight-medium);
+  --bh-text-body-lg-underline-letter-spacing: 0px;
+  --bh-text-body-lg-underline-line-height: 28px;
+  --bh-text-body-md-font-size: var(--bh-text-body-md-regular-font-size);
+  --bh-text-body-md-font-weight: var(--bh-text-body-md-regular-font-weight);
+  --bh-text-body-md-letter-spacing: var(--bh-text-body-md-regular-letter-spacing);
+  --bh-text-body-md-line-height: var(--bh-text-body-md-regular-line-height);
+  --bh-text-body-md-medium-font-size: 15px;
+  --bh-text-body-md-medium-font-weight: var(--bh-font-weight-medium);
+  --bh-text-body-md-medium-letter-spacing: 0px;
+  --bh-text-body-md-medium-line-height: 24px;
+  --bh-text-body-md-regular-font-size: 15px;
+  --bh-text-body-md-regular-font-weight: var(--bh-font-weight-regular);
+  --bh-text-body-md-regular-letter-spacing: 0px;
+  --bh-text-body-md-regular-line-height: 24px;
+  --bh-text-body-md-semibold-font-size: 15px;
+  --bh-text-body-md-semibold-font-weight: var(--bh-font-weight-semibold);
+  --bh-text-body-md-semibold-letter-spacing: 0px;
+  --bh-text-body-md-semibold-line-height: 24px;
+  --bh-text-body-md-underline-font-size: 15px;
+  --bh-text-body-md-underline-font-weight: var(--bh-font-weight-medium);
+  --bh-text-body-md-underline-letter-spacing: 0px;
+  --bh-text-body-md-underline-line-height: 24px;
+  --bh-text-body-sm-medium-font-size: 14px;
+  --bh-text-body-sm-medium-font-weight: var(--bh-font-weight-medium);
+  --bh-text-body-sm-medium-letter-spacing: 0px;
+  --bh-text-body-sm-medium-line-height: 20px;
+  --bh-text-body-sm-regular-font-size: 14px;
+  --bh-text-body-sm-regular-font-weight: var(--bh-font-weight-regular);
+  --bh-text-body-sm-regular-letter-spacing: 0px;
+  --bh-text-body-sm-regular-line-height: 20px;
+  --bh-text-body-sm-semibold-font-size: 14px;
+  --bh-text-body-sm-semibold-font-weight: var(--bh-font-weight-semibold);
+  --bh-text-body-sm-semibold-letter-spacing: 0px;
+  --bh-text-body-sm-semibold-line-height: 20px;
+  --bh-text-body-xl-medium-font-size: 20px;
+  --bh-text-body-xl-medium-font-weight: var(--bh-font-weight-medium);
+  --bh-text-body-xl-medium-letter-spacing: 0px;
+  --bh-text-body-xl-medium-line-height: 30px;
+  --bh-text-body-xl-regular-font-size: 20px;
+  --bh-text-body-xl-regular-font-weight: var(--bh-font-weight-regular);
+  --bh-text-body-xl-regular-letter-spacing: 0px;
+  --bh-text-body-xl-regular-line-height: 30px;
+  --bh-text-body-xl-semibold-font-size: 20px;
+  --bh-text-body-xl-semibold-font-weight: var(--bh-font-weight-semibold);
+  --bh-text-body-xl-semibold-letter-spacing: 0px;
+  --bh-text-body-xl-semibold-line-height: 30px;
+  --bh-text-body-xs-medium-font-size: 13px;
+  --bh-text-body-xs-medium-font-weight: var(--bh-font-weight-medium);
+  --bh-text-body-xs-medium-letter-spacing: 0px;
+  --bh-text-body-xs-medium-line-height: 20px;
+  --bh-text-body-xs-regular-font-size: 13px;
+  --bh-text-body-xs-regular-font-weight: var(--bh-font-weight-regular);
+  --bh-text-body-xs-regular-letter-spacing: 0px;
+  --bh-text-body-xs-regular-line-height: 20px;
+  --bh-text-body-xs-semibold-font-size: 13px;
+  --bh-text-body-xs-semibold-font-weight: var(--bh-font-weight-semibold);
+  --bh-text-body-xs-semibold-letter-spacing: 0px;
+  --bh-text-body-xs-semibold-line-height: 20px;
+  --bh-text-body-xs-underline-font-size: 13px;
+  --bh-text-body-xs-underline-font-weight: var(--bh-font-weight-medium);
+  --bh-text-body-xs-underline-letter-spacing: 0px;
+  --bh-text-body-xs-underline-line-height: 20px;
+  --bh-text-button-font-size: var(--bh-text-body-md-medium-font-size);
+  --bh-text-button-font-weight: var(--bh-text-body-md-medium-font-weight);
+  --bh-text-button-letter-spacing: var(--bh-text-body-md-medium-letter-spacing);
+  --bh-text-button-line-height: var(--bh-text-body-md-medium-line-height);
+  --bh-text-display-lg-font-size: 84px;
+  --bh-text-display-lg-font-weight: var(--bh-font-weight-bold);
+  --bh-text-display-lg-letter-spacing: -0.03em;
+  --bh-text-display-lg-line-height: 92px;
+  --bh-text-display-md-font-size: 72px;
+  --bh-text-display-md-font-weight: var(--bh-font-weight-bold);
+  --bh-text-display-md-letter-spacing: -0.03em;
+  --bh-text-display-md-line-height: 80px;
+  --bh-text-display-sm-font-size: 60px;
+  --bh-text-display-sm-font-weight: var(--bh-font-weight-semibold);
+  --bh-text-display-sm-letter-spacing: -0.03em;
+  --bh-text-display-sm-line-height: 68px;
+  --bh-text-display-xl-font-size: 96px;
+  --bh-text-display-xl-font-weight: var(--bh-font-weight-semibold);
+  --bh-text-display-xl-letter-spacing: -0.03em;
+  --bh-text-display-xl-line-height: 104px;
+  --bh-text-heading-2xl-bold-font-size: 40px;
+  --bh-text-heading-2xl-bold-font-weight: var(--bh-font-weight-bold);
+  --bh-text-heading-2xl-bold-letter-spacing: -0.02em;
+  --bh-text-heading-2xl-bold-line-height: 48px;
+  --bh-text-heading-2xl-medium-font-size: 40px;
+  --bh-text-heading-2xl-medium-font-weight: var(--bh-font-weight-medium);
+  --bh-text-heading-2xl-medium-letter-spacing: -0.02em;
+  --bh-text-heading-2xl-medium-line-height: 48px;
+  --bh-text-heading-3xl-bold-font-size: 48px;
+  --bh-text-heading-3xl-bold-font-weight: var(--bh-font-weight-bold);
+  --bh-text-heading-3xl-bold-letter-spacing: -0.02em;
+  --bh-text-heading-3xl-bold-line-height: 56px;
+  --bh-text-heading-3xl-medium-font-size: 48px;
+  --bh-text-heading-3xl-medium-font-weight: var(--bh-font-weight-medium);
+  --bh-text-heading-3xl-medium-letter-spacing: -0.02em;
+  --bh-text-heading-3xl-medium-line-height: 56px;
+  --bh-text-heading-lg-medium-font-size: 28px;
+  --bh-text-heading-lg-medium-font-weight: var(--bh-font-weight-medium);
+  --bh-text-heading-lg-medium-letter-spacing: -0.01em;
+  --bh-text-heading-lg-medium-line-height: 32px;
+  --bh-text-heading-lg-semibold-font-size: 28px;
+  --bh-text-heading-lg-semibold-font-weight: var(--bh-font-weight-semibold);
+  --bh-text-heading-lg-semibold-letter-spacing: -0.01em;
+  --bh-text-heading-lg-semibold-line-height: 32px;
+  --bh-text-heading-md-medium-font-size: 24px;
+  --bh-text-heading-md-medium-font-weight: var(--bh-font-weight-medium);
+  --bh-text-heading-md-medium-letter-spacing: 0px;
+  --bh-text-heading-md-medium-line-height: 28px;
+  --bh-text-heading-md-semibold-font-size: 24px;
+  --bh-text-heading-md-semibold-font-weight: var(--bh-font-weight-semibold);
+  --bh-text-heading-md-semibold-letter-spacing: 0px;
+  --bh-text-heading-md-semibold-line-height: 28px;
+  --bh-text-heading-sm-medium-font-size: 20px;
+  --bh-text-heading-sm-medium-font-weight: var(--bh-font-weight-medium);
+  --bh-text-heading-sm-medium-letter-spacing: 0px;
+  --bh-text-heading-sm-medium-line-height: 24px;
+  --bh-text-heading-sm-semibold-font-size: 20px;
+  --bh-text-heading-sm-semibold-font-weight: var(--bh-font-weight-semibold);
+  --bh-text-heading-sm-semibold-letter-spacing: 0px;
+  --bh-text-heading-sm-semibold-line-height: 24px;
+  --bh-text-heading-xl-bold-font-size: 32px;
+  --bh-text-heading-xl-bold-font-weight: var(--bh-font-weight-bold);
+  --bh-text-heading-xl-bold-letter-spacing: -0.02em;
+  --bh-text-heading-xl-bold-line-height: 36px;
+  --bh-text-heading-xl-medium-font-size: 32px;
+  --bh-text-heading-xl-medium-font-weight: var(--bh-font-weight-medium);
+  --bh-text-heading-xl-medium-letter-spacing: -0.02em;
+  --bh-text-heading-xl-medium-line-height: 36px;
+  --bh-text-heading-xs-medium-font-size: 17px;
+  --bh-text-heading-xs-medium-font-weight: var(--bh-font-weight-medium);
+  --bh-text-heading-xs-medium-letter-spacing: 0px;
+  --bh-text-heading-xs-medium-line-height: 22px;
+  --bh-text-heading-xs-semibold-font-size: 17px;
+  --bh-text-heading-xs-semibold-font-weight: var(--bh-font-weight-semibold);
+  --bh-text-heading-xs-semibold-letter-spacing: 0px;
+  --bh-text-heading-xs-semibold-line-height: 22px;
+  --bh-textarea-close-button-size: var(--bh-space-xl-12);
+  --bh-textarea-close-icon-size: 6.364px;
+  --bh-textarea-focus-ring-inset: calc(var(--bh-space-xxxs-1) * -1);
+  --bh-textarea-focus-ring-width: var(--bh-space-xs-4);
+  --bh-textarea-gap: var(--bh-space-md-8);
+  --bh-textarea-helper-icon-size: 13.333px;
+  --bh-textarea-icon-size: var(--bh-space-3xl-16);
+  --bh-textarea-inline-gap: var(--bh-space-xs-4);
+  --bh-textarea-min-height: var(--bh-space-10xl-80);
+  --bh-textarea-padding: var(--bh-space-lg-10);
+  --bh-textarea-radius: var(--bh-radius-lg-8);
+  --bh-textarea-tag-avatar-font-size: 9px;
+  --bh-textarea-tag-avatar-size: var(--bh-space-3xl-16);
+  --bh-textarea-tag-height: var(--bh-space-5xl-24);
+  --bh-textarea-width: var(--bh-space-18xl-320);
+  --bh-thinking-reasoning-fade: var(--bh-space-3xl-16);
+  --bh-thinking-reasoning-max-height: 180px;
+  --bh-thinking-reasoning-width: 360px;
+  --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-tooltip-close-icon-size: var(--bh-space-xl-12);
+  --bh-tooltip-close-size: var(--bh-space-3xl-16);
+  --bh-tooltip-lg-padding: var(--bh-space-xl-12);
+  --bh-tooltip-lg-radius: var(--bh-radius-lg-8);
+  --bh-tooltip-lg-width: var(--bh-space-18xl-320);
+  --bh-tooltip-max-width: calc(100vw - var(--bh-space-6xl-32));
+  --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-depth: calc(var(--bh-space-md-8) - var(--bh-space-xxxs-1));
+  --bh-tooltip-pointer-half-width: var(--bh-space-sm-6);
+  --bh-tooltip-pointer-inline-offset: var(--bh-space-xl-12);
+  --bh-tooltip-pointer-offset: calc(var(--bh-tooltip-pointer-depth) * -1);
+  --bh-tooltip-pointer-width: 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-sm-padding-x: var(--bh-space-md-8);
+  --bh-tooltip-sm-padding-y: var(--bh-space-sm-6);
+  --bh-tooltip-sm-radius: var(--bh-radius-md-6);
+  --bh-underline-offset-default: 2px;
+  --bh-z-base: 0;
+  --bh-z-overlay: 50;
+  --bh-z-popover: 20;
+  --bh-z-raised: 10;
+  --font-sans: var(--bh-font-family);
+  --radius: var(--bh-control-default);
+  --radius-lg: var(--bh-radius-lg-8);
+  --radius-md: var(--bh-radius-md-6);
+  --radius-sm: var(--bh-radius-sm-4);
+  --radius-xl: var(--bh-radius-xl-10);
+}
+
+:root,
+[data-theme="gray"],
+[data-theme="blue"],
+[data-theme="brown"],
+[data-theme="orange"],
+[data-theme="green"],
+[data-theme="purple"],
+[data-theme="teal"] {
+  --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-amber-100: #FFE7BE;
+  --bh-amber-50: #FFF2DB;
+  --bh-amber-700: #AC4C03;
+  --bh-aqua-100: #BBFAEA;
+  --bh-aqua-200: #87F0D5;
+  --bh-aqua-50: #DBFFF6;
+  --bh-aqua-600: #03906E;
+  --bh-aqua-700: #076F57;
+  --bh-bg-accent-amber-default: var(--bh-amber-500);
+  --bh-bg-accent-amber-soft: var(--bh-amber-100);
+  --bh-bg-accent-amber-subtle: var(--bh-amber-50);
+  --bh-bg-accent-aqua-soft: var(--bh-aqua-100);
+  --bh-bg-accent-aqua-subtle: var(--bh-aqua-50);
+  --bh-bg-accent-blue-soft: var(--bh-blue-100);
+  --bh-bg-accent-blue-subtle: var(--bh-blue-50);
+  --bh-bg-accent-fuchsia-soft: var(--bh-fuchsia-100);
+  --bh-bg-accent-fuchsia-subtle: var(--bh-fuchsia-50);
+  --bh-bg-accent-golden-bold: var(--bh-golden-600);
+  --bh-bg-accent-golden-default: var(--bh-golden-400);
+  --bh-bg-accent-golden-soft: var(--bh-golden-100);
+  --bh-bg-accent-golden-subtle: var(--bh-golden-50);
+  --bh-bg-accent-green-soft: var(--bh-green-100);
+  --bh-bg-accent-green-subtle: var(--bh-green-50);
+  --bh-bg-accent-lime-soft: var(--bh-lime-100);
+  --bh-bg-accent-lime-subtle: var(--bh-lime-50);
+  --bh-bg-accent-purple-soft: var(--bh-purple-100);
+  --bh-bg-accent-purple-subtle: var(--bh-purple-50);
+  --bh-bg-accent-red-default: var(--bh-red-500);
+  --bh-bg-accent-red-soft: var(--bh-red-100);
+  --bh-bg-accent-red-subtle: var(--bh-red-50);
+  --bh-bg-accent-rose-soft: var(--bh-rose-100);
+  --bh-bg-accent-rose-subtle: var(--bh-rose-50);
+  --bh-bg-accent-sky-soft: var(--bh-sky-100);
+  --bh-bg-accent-sky-subtle: var(--bh-sky-50);
+  --bh-bg-always-dark: var(--bh-colors-neutral-900);
+  --bh-bg-brand-bold: var(--bh-colors-brand-surface-bold-light);
+  --bh-bg-brand-default: var(--bh-colors-brand-surface-base);
+  --bh-bg-brand-soft: var(--bh-colors-brand-surface-soft-light);
+  --bh-bg-brand-strong: var(--bh-colors-brand-surface-strong-light);
+  --bh-bg-brand-subtle: var(--bh-colors-brand-surface-subtle-light);
+  --bh-bg-danger-default: var(--bh-red-500);
+  --bh-bg-danger-soft: var(--bh-red-100);
+  --bh-bg-danger-subtle: var(--bh-red-50);
+  --bh-bg-default: var(--bh-base-white);
+  --bh-bg-default-hover: var(--bh-colors-neutral-50);
+  --bh-bg-dim: var(--bh-colors-neutral-200);
+  --bh-bg-dim-hover: var(--bh-colors-neutral-300);
+  --bh-bg-disabled: var(--bh-colors-neutral-50);
+  --bh-bg-divider: var(--bh-colors-neutral-alpha-300);
+  --bh-bg-grouped: var(--bh-colors-neutral-100);
+  --bh-bg-grouped-surface: var(--bh-base-white);
+  --bh-bg-info-bold: var(--bh-blue-600);
+  --bh-bg-info-default: var(--bh-blue-500);
+  --bh-bg-info-soft: var(--bh-blue-100);
+  --bh-bg-info-strong: var(--bh-blue-700);
+  --bh-bg-info-subtle: var(--bh-blue-50);
+  --bh-bg-inverse: var(--bh-colors-neutral-950);
+  --bh-bg-muted: var(--bh-colors-neutral-100);
+  --bh-bg-muted-hover: var(--bh-colors-neutral-200);
+  --bh-bg-neutral-bold: var(--bh-colors-neutral-800);
+  --bh-bg-neutral-default: var(--bh-colors-neutral-700);
+  --bh-bg-neutral-medium: var(--bh-colors-neutral-500);
+  --bh-bg-neutral-soft: var(--bh-colors-neutral-alpha-200);
+  --bh-bg-neutral-subtle: var(--bh-colors-neutral-alpha-100);
+  --bh-bg-raised: var(--bh-base-white);
+  --bh-bg-raised-hover: var(--bh-colors-neutral-50);
+  --bh-bg-raised-subtle: var(--bh-colors-neutral-50);
+  --bh-bg-subtle: var(--bh-colors-neutral-50);
+  --bh-bg-subtle-alpha: var(--bh-colors-neutral-50);
+  --bh-bg-subtle-hover: var(--bh-colors-neutral-100);
+  --bh-bg-success-bold: var(--bh-green-600);
+  --bh-bg-success-default: var(--bh-green-500);
+  --bh-bg-success-soft: var(--bh-green-100);
+  --bh-bg-success-strong: var(--bh-green-700);
+  --bh-bg-success-subtle: var(--bh-green-50);
+  --bh-bg-warning-bold: var(--bh-amber-600);
+  --bh-bg-warning-default: var(--bh-amber-500);
+  --bh-bg-warning-soft: var(--bh-amber-100);
+  --bh-bg-warning-strong: var(--bh-amber-700);
+  --bh-bg-warning-subtle: var(--bh-amber-50);
+  --bh-blue-100: #D6EAFF;
+  --bh-blue-50: #EBF5FF;
+  --bh-blue-700: #1D49BF;
+  --bh-border-accent-amber-subtle: var(--bh-amber-300);
+  --bh-border-accent-aqua-subtle: var(--bh-aqua-200);
+  --bh-border-accent-blue-subtle: var(--bh-blue-200);
+  --bh-border-accent-fuchsia-subtle: var(--bh-fuchsia-200);
+  --bh-border-accent-golden-strong: var(--bh-golden-600);
+  --bh-border-accent-golden-subtle: var(--bh-golden-300);
+  --bh-border-accent-green-subtle: var(--bh-green-200);
+  --bh-border-accent-lime-strong: var(--bh-lime-600);
+  --bh-border-accent-lime-subtle: var(--bh-lime-200);
+  --bh-border-accent-purple-subtle: var(--bh-purple-200);
+  --bh-border-accent-red-subtle: var(--bh-red-200);
+  --bh-border-accent-rose-subtle: var(--bh-rose-200);
+  --bh-border-accent-sky-subtle: var(--bh-sky-200);
+  --bh-border-brand-strong: var(--bh-colors-brand-border-border-strong);
+  --bh-border-brand-subtle: var(--bh-colors-brand-border-border-subtle);
+  --bh-border-danger-subtle: var(--bh-red-300);
+  --bh-border-default: var(--bh-colors-neutral-alpha-400);
+  --bh-border-disabled: var(--bh-colors-neutral-alpha-200);
+  --bh-border-focus: var(--bh-colors-brand-focused-light);
+  --bh-border-focus-danger: var(--bh-red-400);
+  --bh-border-info-subtle: var(--bh-blue-200);
+  --bh-border-input: var(--bh-colors-neutral-alpha-400);
+  --bh-border-inverse: var(--bh-base-white);
+  --bh-border-inverse-subtle: rgb(255 255 255 / 0.15);
+  --bh-border-strong: var(--bh-colors-neutral-800);
+  --bh-border-subtle: var(--bh-colors-neutral-alpha-300);
+  --bh-border-success-subtle: var(--bh-green-200);
+  --bh-border-warning-subtle: var(--bh-amber-300);
+  --bh-chart-categorical-2: var(--bh-purple-700);
+  --bh-chart-categorical-3: var(--bh-amber-500);
+  --bh-chart-categorical-4: var(--bh-rose-700);
+  --bh-chart-categorical-5: var(--bh-blue-900);
+  --bh-chart-categorical-7: var(--bh-rose-950);
+  --bh-chart-categorical-8: var(--bh-amber-700);
+  --bh-chart-neutral-default: var(--bh-colors-neutral-400);
+  --bh-content-accent-amber-default: var(--bh-amber-600);
+  --bh-content-accent-amber-strong: var(--bh-amber-800);
+  --bh-content-accent-aqua-default: var(--bh-aqua-600);
+  --bh-content-accent-aqua-strong: var(--bh-aqua-700);
+  --bh-content-accent-blue-default: var(--bh-blue-600);
+  --bh-content-accent-blue-strong: var(--bh-blue-700);
+  --bh-content-accent-fuchsia-default: var(--bh-fuchsia-600);
+  --bh-content-accent-fuchsia-strong: var(--bh-fuchsia-700);
+  --bh-content-accent-golden-default: var(--bh-golden-700);
+  --bh-content-accent-golden-strong: var(--bh-golden-800);
+  --bh-content-accent-green-default: var(--bh-green-600);
+  --bh-content-accent-green-strong: var(--bh-green-700);
+  --bh-content-accent-lime-default: var(--bh-lime-600);
+  --bh-content-accent-lime-strong: var(--bh-lime-700);
+  --bh-content-accent-purple-default: var(--bh-purple-600);
+  --bh-content-accent-purple-strong: var(--bh-purple-700);
+  --bh-content-accent-red-default: var(--bh-red-600);
+  --bh-content-accent-red-strong: var(--bh-red-700);
+  --bh-content-accent-rose-default: var(--bh-rose-600);
+  --bh-content-accent-rose-strong: var(--bh-rose-700);
+  --bh-content-accent-sky-default: var(--bh-sky-600);
+  --bh-content-accent-sky-strong: var(--bh-sky-700);
+  --bh-content-brand-default: var(--bh-colors-brand-content-light);
+  --bh-content-brand-strong: var(--bh-colors-brand-content-strong-light);
+  --bh-content-danger-default: var(--bh-red-600);
+  --bh-content-danger-strong: var(--bh-red-700);
+  --bh-content-default: var(--bh-colors-neutral-950);
+  --bh-content-disabled: var(--bh-colors-neutral-600);
+  --bh-content-information-default: var(--bh-blue-600);
+  --bh-content-information-strong: var(--bh-blue-700);
+  --bh-content-inverse: var(--bh-base-white);
+  --bh-content-link: var(--bh-colors-brand-link-light);
+  --bh-content-link-hover: var(--bh-colors-brand-link-hover-light);
+  --bh-content-muted: #627084;
+  --bh-content-on-brand: var(--bh-colors-brand-color-on-brand-light);
+  --bh-content-on-light: var(--bh-colors-neutral-950);
+  --bh-content-on-neutral: var(--bh-base-white);
+  --bh-content-on-success: var(--bh-base-white);
+  --bh-content-on-warning: var(--bh-base-white);
+  --bh-content-subtle: var(--bh-colors-neutral-800);
+  --bh-content-success-default: var(--bh-green-600);
+  --bh-content-success-strong: var(--bh-green-700);
+  --bh-content-warning-default: var(--bh-amber-600);
+  --bh-content-warning-strong: var(--bh-amber-700);
+  --bh-fuchsia-100: #FED6FF;
+  --bh-fuchsia-200: #FEB9FF;
+  --bh-fuchsia-50: #FFEBFF;
+  --bh-fuchsia-600: #C20AC5;
+  --bh-fuchsia-700: #92089F;
+  --bh-golden-100: #FFEDAE;
+  --bh-golden-300: #FAD658;
+  --bh-golden-50: #FFF5D1;
+  --bh-golden-600: #C98B04;
+  --bh-golden-700: #A96C03;
+  --bh-green-100: #BCFAD2;
+  --bh-green-200: #89EBAC;
+  --bh-green-50: #DBFFE8;
+  --bh-green-700: #07712C;
+  --bh-interactive-brand-default: var(--bh-colors-brand-interactive-default);
+  --bh-interactive-brand-disabled: var(--bh-colors-neutral-alpha-100);
+  --bh-interactive-brand-hover: var(--bh-colors-brand-interactive-hover);
+  --bh-interactive-brand-pressed: var(--bh-colors-brand-interactive-pressed);
+  --bh-interactive-checkbox-content: var(--bh-base-white);
+  --bh-interactive-checkbox-default: var(--bh-colors-brand-checkbox-bg-default);
+  --bh-interactive-checkbox-hover: var(--bh-colors-brand-checkbox-bg-hover);
+  --bh-interactive-danger-default: var(--bh-red-500);
+  --bh-interactive-danger-disabled: var(--bh-colors-neutral-alpha-100);
+  --bh-interactive-danger-hover: var(--bh-red-600);
+  --bh-interactive-danger-pressed: var(--bh-red-500);
+  --bh-interactive-danger-soft-default: var(--bh-red-50);
+  --bh-interactive-danger-soft-disabled: var(--bh-colors-neutral-alpha-100);
+  --bh-interactive-danger-soft-hover: var(--bh-red-100);
+  --bh-interactive-danger-soft-pressed: var(--bh-red-50);
+  --bh-interactive-ghost-active: var(--bh-colors-neutral-alpha-100);
+  --bh-interactive-ghost-default: rgb(0 0 0 / 0);
+  --bh-interactive-ghost-disabled: rgb(0 0 0 / 0);
+  --bh-interactive-ghost-hover: var(--bh-colors-neutral-alpha-50);
+  --bh-interactive-ghost-pressed: var(--bh-colors-neutral-alpha-100);
+  --bh-interactive-indicator-default: var(--bh-colors-brand-indicator);
+  --bh-interactive-input-default: var(--bh-base-white);
+  --bh-interactive-input-disabled: var(--bh-colors-neutral-alpha-50);
+  --bh-interactive-input-soft: var(--bh-colors-neutral-alpha-100);
+  --bh-interactive-input-soft-disabled: var(--bh-colors-neutral-alpha-50);
+  --bh-interactive-outlined-default: rgb(0 0 0 / 0);
+  --bh-interactive-outlined-disabled: rgb(0 0 0 / 0);
+  --bh-interactive-outlined-hover: var(--bh-colors-neutral-alpha-50);
+  --bh-interactive-outlined-pressed: var(--bh-colors-neutral-alpha-100);
+  --bh-interactive-radiobutton-default: var(--bh-colors-brand-radiobutton-bg-default);
+  --bh-interactive-radiobutton-hover: var(--bh-colors-brand-radiobutton-bg-hover);
+  --bh-interactive-secondary-default: var(--bh-colors-neutral-50);
+  --bh-interactive-secondary-disabled: var(--bh-colors-neutral-alpha-100);
+  --bh-interactive-secondary-hover: var(--bh-colors-neutral-100);
+  --bh-interactive-secondary-pressed: var(--bh-colors-neutral-200);
+  --bh-interactive-soft-default: var(--bh-colors-neutral-alpha-100);
+  --bh-interactive-soft-disabled: var(--bh-colors-neutral-alpha-100);
+  --bh-interactive-soft-hover: var(--bh-colors-neutral-alpha-200);
+  --bh-interactive-soft-pressed: var(--bh-colors-neutral-alpha-300);
+  --bh-interactive-success-default: var(--bh-green-700);
+  --bh-interactive-success-hover: var(--bh-green-800);
+  --bh-interactive-success-pressed: var(--bh-green-900);
+  --bh-interactive-switch-active-disabled: var(--bh-green-100);
+  --bh-interactive-switch-default: var(--bh-colors-neutral-400);
+  --bh-interactive-switch-disabled: var(--bh-colors-neutral-alpha-100);
+  --bh-interactive-switch-handle-disabled: var(--bh-colors-neutral-50);
+  --bh-interactive-switch-hover: var(--bh-colors-neutral-500);
+  --bh-interactive-table-header: var(--bh-colors-neutral-alpha-50);
+  --bh-interactive-warning-default: var(--bh-amber-700);
+  --bh-interactive-warning-hover: var(--bh-amber-800);
+  --bh-interactive-warning-pressed: var(--bh-amber-900);
+  --bh-lime-100: #E8FCA8;
+  --bh-lime-200: #D4F273;
+  --bh-lime-50: #F4FFD1;
+  --bh-lime-600: #7CA203;
+  --bh-lime-700: #668303;
+  --bh-purple-100: #F0DEFF;
+  --bh-purple-200: #E3C3FF;
+  --bh-purple-50: #F7EDFF;
+  --bh-purple-600: #8216DB;
+  --bh-purple-700: #610FAD;
+  --bh-red-100: #FFDBDF;
+  --bh-red-200: #FFBFC6;
+  --bh-red-50: #FFEDEF;
+  --bh-rose-100: #FFD6E7;
+  --bh-rose-50: #FFEBF3;
+  --bh-rose-700: #A7094D;
+  --bh-rose-950: #44071F;
+  --bh-sky-100: #CFF0FF;
+  --bh-sky-200: #A4E2FF;
+  --bh-sky-50: #EDF9FF;
+  --bh-sky-700: #036EA4;
+  --elevation-01: 0px 0px 0px 1px rgb(0 0 0 / 0.06), inset 0px 0px 0px 1px rgb(255 255 255 / 0);
+  --elevation-02: 0px 0px 0px 1px rgb(0 0 0 / 0.06), 0px 1px 1px -0.5px rgb(0 0 0 / 0.06), inset 0px 1px 0px 0px rgb(255 255 255 / 0), inset 0px 0px 0px 1px rgb(255 255 255 / 0);
+  --elevation-03: 0px 0px 0px 1px rgb(0 0 0 / 0.06), 0px 1px 1px -0.5px rgb(0 0 0 / 0.06), 0px 3px 3px -1.5px rgb(0 0 0 / 0.06), inset 0px 1px 0px 0px rgb(255 255 255 / 0), inset 0px 0px 0px 1px rgb(255 255 255 / 0);
+  --elevation-04: 0px 0px 0px 1px rgb(0 0 0 / 0.06), 0px 1px 1px -0.5px rgb(0 0 0 / 0.06), 0px 3px 3px -1.5px rgb(0 0 0 / 0.06), 0px 6px 6px -3px rgb(0 0 0 / 0.06), inset 0px 1px 0px 0px rgb(255 255 255 / 0), inset 0px 0px 0px 1px rgb(255 255 255 / 0);
+  --elevation-05: 0px 0px 0px 1px rgb(0 0 0 / 0.06), 0px 1px 1px -0.5px rgb(0 0 0 / 0.06), 0px 3px 3px -1.5px rgb(0 0 0 / 0.06), 0px 6px 6px -3px rgb(0 0 0 / 0.06), 0px 12px 12px -6px rgb(0 0 0 / 0.06), inset 0px 1px 0px 0px rgb(255 255 255 / 0), inset 0px 0px 0px 1px rgb(255 255 255 / 0);
+  --elevation-06: 0px 0px 0px 1px rgb(0 0 0 / 0.06), 0px 1px 1px -0.5px rgb(0 0 0 / 0.06), 0px 3px 3px -1.5px rgb(0 0 0 / 0.06), 0px 6px 6px -3px rgb(0 0 0 / 0.06), 0px 12px 12px -6px rgb(0 0 0 / 0.06), 0px 24px 24px -12px rgb(0 0 0 / 0.06), inset 0px 1px 0px 0px rgb(255 255 255 / 0), inset 0px 0px 0px 1px rgb(255 255 255 / 0);
+  --elevation-07: 0px 0px 0px 1px rgb(0 0 0 / 0.06), 0px 1px 1px -0.5px rgb(0 0 0 / 0.06), 0px 3px 3px -1.5px rgb(0 0 0 / 0.06), 0px 6px 6px -3px rgb(0 0 0 / 0.06), 0px 12px 12px -6px rgb(0 0 0 / 0.06), 0px 24px 24px -12px rgb(0 0 0 / 0.06), 0px 48px 48px -24px rgb(0 0 0 / 0.06), inset 0px 1px 0px 0px rgb(255 255 255 / 0), inset 0px 0px 0px 1px rgb(255 255 255 / 0);
+  --elevation-component-default: 0px 1px 2px 0px rgb(15 17 20 / 0.05), inset 0px -1px 0px 0px rgb(0 0 0 / 0.08);
+  --elevation-component-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);
+  --elevation-component-surface: inset 0px -1px 0px 0px rgb(0 0 0 / 0.08), 0px 1px 2px 0px rgb(15 17 20 / 0.05);
+}
+
+:root,
+[data-theme="gray"],
+[data-theme="blue"],
+[data-theme="brown"],
+[data-theme="green"],
+[data-theme="purple"],
+[data-theme="teal"] {
+  --bh-colors-brand-color-on-brand-light: var(--bh-base-white);
+}
+
+:root,
+[data-theme="gray"],
+[data-theme="blue"] {
+  --bh-colors-neutral-100: var(--bh-gray-100);
+  --bh-colors-neutral-200: var(--bh-gray-200);
+  --bh-colors-neutral-300: var(--bh-gray-300);
+  --bh-colors-neutral-400: var(--bh-gray-400);
+  --bh-colors-neutral-50: var(--bh-gray-50);
+  --bh-colors-neutral-500: var(--bh-gray-500);
+  --bh-colors-neutral-600: var(--bh-gray-600);
+  --bh-colors-neutral-700: var(--bh-gray-700);
+  --bh-colors-neutral-800: var(--bh-gray-800);
+  --bh-colors-neutral-900: var(--bh-gray-900);
+  --bh-colors-neutral-950: var(--bh-gray-950);
+  --bh-colors-neutral-alpha-100: var(--bh-gray-alpha-100);
+  --bh-colors-neutral-alpha-200: var(--bh-gray-alpha-200);
+  --bh-colors-neutral-alpha-300: var(--bh-gray-alpha-300);
+  --bh-colors-neutral-alpha-400: var(--bh-gray-alpha-400);
+  --bh-colors-neutral-alpha-50: var(--bh-gray-alpha-50);
+  --bh-colors-neutral-alpha-500: var(--bh-gray-alpha-500);
+  --bh-gray-100: #F5F5F5;
+  --bh-gray-200: #F0F0F0;
+  --bh-gray-300: #EBEBEB;
+  --bh-gray-400: #DBDBDB;
+  --bh-gray-50: #FAFAFA;
+  --bh-gray-500: #BFBFBF;
+  --bh-gray-600: #ADADAD;
+  --bh-gray-700: #8C8C8C;
+  --bh-gray-800: #595959;
+  --bh-gray-900: #2E2E2E;
+  --bh-gray-950: #1A1A1A;
+  --bh-gray-alpha-100: rgb(0 0 0 / 0.06);
+  --bh-gray-alpha-200: rgb(0 0 0 / 0.08);
+  --bh-gray-alpha-300: rgb(0 0 0 / 0.1);
+  --bh-gray-alpha-400: rgb(0 0 0 / 0.14);
+  --bh-gray-alpha-50: rgb(0 0 0 / 0.04);
+  --bh-gray-alpha-500: rgb(0 0 0 / 0.25);
+}
+
+:root,
+[data-theme="gray"],
+[data-theme="blue"],
+[data-theme="brown"] {
+  --bh-colors-neutral-alpha-dark-100: var(--bh-gray-dark-alpha-100);
+  --bh-colors-neutral-alpha-dark-200: var(--bh-gray-dark-alpha-200);
+  --bh-colors-neutral-alpha-dark-300: var(--bh-gray-dark-alpha-300);
+  --bh-colors-neutral-alpha-dark-400: var(--bh-gray-dark-alpha-400);
+  --bh-colors-neutral-alpha-dark-50: var(--bh-gray-dark-alpha-50);
+  --bh-colors-neutral-alpha-dark-500: var(--bh-gray-dark-alpha-500);
+  --bh-colors-neutral-dark-100: var(--bh-gray-dark-100);
+  --bh-colors-neutral-dark-200: var(--bh-gray-dark-200);
+  --bh-colors-neutral-dark-300: var(--bh-gray-dark-300);
+  --bh-colors-neutral-dark-400: var(--bh-gray-dark-400);
+  --bh-colors-neutral-dark-50: var(--bh-gray-dark-50);
+  --bh-colors-neutral-dark-500: var(--bh-gray-dark-500);
+  --bh-colors-neutral-dark-600: var(--bh-gray-dark-600);
+  --bh-colors-neutral-dark-700: var(--bh-gray-dark-700);
+  --bh-colors-neutral-dark-800: var(--bh-gray-dark-800);
+  --bh-colors-neutral-dark-900: var(--bh-gray-dark-900);
+  --bh-colors-neutral-dark-950: var(--bh-gray-dark-950);
+  --bh-gray-dark-100: #141414;
+  --bh-gray-dark-200: #1A1A1A;
+  --bh-gray-dark-300: #242424;
+  --bh-gray-dark-400: #3B3B3B;
+  --bh-gray-dark-50: #0E0E0F;
+  --bh-gray-dark-500: #4D4D4D;
+  --bh-gray-dark-600: #5E5E5E;
+  --bh-gray-dark-700: #7A7A7A;
+  --bh-gray-dark-800: #A3A3A3;
+  --bh-gray-dark-900: #E8E8E8;
+  --bh-gray-dark-950: #FCFCFC;
+  --bh-gray-dark-alpha-100: rgb(255 255 255 / 0.08);
+  --bh-gray-dark-alpha-200: rgb(255 255 255 / 0.11);
+  --bh-gray-dark-alpha-300: rgb(255 255 255 / 0.12);
+  --bh-gray-dark-alpha-400: rgb(255 255 255 / 0.19);
+  --bh-gray-dark-alpha-50: rgb(255 255 255 / 0.05);
+  --bh-gray-dark-alpha-500: rgb(255 255 255 / 0.3);
+}
 
-[data-theme="gray"] {
-  --bh-colors-brand-border-border-strong: var(--bh-gray-950);
-  --bh-colors-brand-border-border-strong-dark: var(--bh-gray-dark-950);
-  --bh-colors-brand-border-border-subtle: var(--bh-gray-500);
-  --bh-colors-brand-border-border-subtle-dark: var(--bh-gray-dark-500);
-  --bh-colors-brand-checkbox-bg-default: var(--bh-gray-950);
-  --bh-colors-brand-checkbox-bg-default-dark: var(--bh-gray-50);
-  --bh-colors-brand-checkbox-bg-hover: var(--bh-gray-950);
-  --bh-colors-brand-checkbox-bg-hover-dark: var(--bh-gray-100);
-  --bh-colors-brand-color-on-brand-dark: var(--bh-gray-dark-50);
-  --bh-colors-brand-content-dark: var(--bh-base-white);
-  --bh-colors-brand-content-light: var(--bh-gray-950);
-  --bh-colors-brand-content-strong-dark: var(--bh-base-white);
-  --bh-colors-brand-content-strong-light: var(--bh-gray-950);
-  --bh-colors-brand-focused-dark: var(--bh-base-white);
-  --bh-colors-brand-focused-light: var(--bh-gray-950);
-  --bh-colors-brand-indicator: var(--bh-gray-950);
-  --bh-colors-brand-indicator-dark: var(--bh-gray-dark-950);
-  --bh-colors-brand-interactive-default: var(--bh-gray-950);
-  --bh-colors-brand-interactive-default-dark: var(--bh-gray-dark-950);
-  --bh-colors-brand-interactive-hover: var(--bh-gray-900);
-  --bh-colors-brand-interactive-hover-dark: var(--bh-gray-dark-900);
-  --bh-colors-brand-interactive-pressed: var(--bh-gray-950);
-  --bh-colors-brand-interactive-pressed-dark: var(--bh-gray-dark-950);
-  --bh-colors-brand-link-dark: var(--bh-base-white);
-  --bh-colors-brand-link-hover-dark: var(--bh-gray-200);
-  --bh-colors-brand-link-hover-light: var(--bh-gray-900);
-  --bh-colors-brand-link-light: var(--bh-gray-950);
-  --bh-colors-brand-radiobutton-bg-default: var(--bh-gray-950);
-  --bh-colors-brand-radiobutton-bg-default-dark: var(--bh-gray-50);
-  --bh-colors-brand-radiobutton-bg-hover: var(--bh-gray-950);
-  --bh-colors-brand-radiobutton-bg-hover-dark: var(--bh-gray-500);
-  --bh-colors-brand-surface-base: var(--bh-gray-950);
-  --bh-colors-brand-surface-base-dark: var(--bh-base-white);
-  --bh-colors-brand-surface-bold-dark: var(--bh-gray-dark-900);
-  --bh-colors-brand-surface-bold-light: var(--bh-gray-800);
-  --bh-colors-brand-surface-soft-dark: var(--bh-gray-dark-alpha-300);
-  --bh-colors-brand-surface-soft-light: var(--bh-gray-300);
-  --bh-colors-brand-surface-strong-dark: var(--bh-gray-dark-800);
-  --bh-colors-brand-surface-strong-light: var(--bh-gray-900);
-  --bh-colors-brand-surface-subtle-dark: var(--bh-gray-dark-alpha-200);
-  --bh-colors-brand-surface-subtle-light: var(--bh-gray-200);
+[data-theme="blue"] {
+  --bh-blue-300: #8DBDFF;
+  --bh-blue-400: #5B97FF;
+  --bh-blue-800: #11318F;
+  --bh-blue-alpha10: rgb(50 118 255 / 0.1);
+  --bh-colors-brand-border-border-strong: var(--bh-blue-600);
+  --bh-colors-brand-border-border-strong-dark: var(--bh-blue-500);
+  --bh-colors-brand-border-border-subtle: var(--bh-blue-300);
+  --bh-colors-brand-border-border-subtle-dark: var(--bh-blue-800);
+  --bh-colors-brand-checkbox-bg-default: var(--bh-blue-600);
+  --bh-colors-brand-checkbox-bg-default-dark: var(--bh-blue-500);
+  --bh-colors-brand-checkbox-bg-hover: var(--bh-blue-600);
+  --bh-colors-brand-checkbox-bg-hover-dark: var(--bh-blue-600);
+  --bh-colors-brand-content-dark: var(--bh-blue-500);
+  --bh-colors-brand-content-light: var(--bh-blue-600);
+  --bh-colors-brand-content-strong-dark: var(--bh-blue-400);
+  --bh-colors-brand-content-strong-light: var(--bh-blue-700);
+  --bh-colors-brand-focused-dark: var(--bh-blue-300);
+  --bh-colors-brand-focused-light: var(--bh-blue-500);
+  --bh-colors-brand-indicator: var(--bh-blue-500);
+  --bh-colors-brand-indicator-dark: var(--bh-blue-600);
+  --bh-colors-brand-interactive-default: var(--bh-derived-blue-550-reviewed);
+  --bh-colors-brand-interactive-default-dark: var(--bh-blue-600);
+  --bh-colors-brand-interactive-hover: var(--bh-blue-600);
+  --bh-colors-brand-interactive-hover-dark: var(--bh-derived-blue-550-reviewed);
+  --bh-colors-brand-interactive-pressed: var(--bh-blue-700);
+  --bh-colors-brand-interactive-pressed-dark: var(--bh-blue-600);
+  --bh-colors-brand-link-dark: var(--bh-blue-500);
+  --bh-colors-brand-link-hover-dark: var(--bh-blue-400);
+  --bh-colors-brand-link-hover-light: var(--bh-blue-700);
+  --bh-colors-brand-link-light: var(--bh-blue-600);
+  --bh-colors-brand-radiobutton-bg-default: var(--bh-blue-600);
+  --bh-colors-brand-radiobutton-bg-default-dark: var(--bh-blue-500);
+  --bh-colors-brand-radiobutton-bg-hover: var(--bh-blue-600);
+  --bh-colors-brand-radiobutton-bg-hover-dark: var(--bh-blue-600);
+  --bh-colors-brand-surface-base: var(--bh-blue-500);
+  --bh-colors-brand-surface-base-dark: var(--bh-blue-600);
+  --bh-colors-brand-surface-bold-dark: var(--bh-blue-700);
+  --bh-colors-brand-surface-bold-light: var(--bh-blue-600);
+  --bh-colors-brand-surface-soft-dark: var(--bh-blue-800);
+  --bh-colors-brand-surface-soft-light: var(--bh-blue-100);
+  --bh-colors-brand-surface-strong-dark: var(--bh-blue-800);
+  --bh-colors-brand-surface-strong-light: var(--bh-blue-700);
+  --bh-colors-brand-surface-subtle-dark: var(--bh-blue-alpha10);
+  --bh-colors-brand-surface-subtle-light: var(--bh-blue-50);
+  --bh-derived-blue-550-reviewed: #2B6BED;
+}
+
+[data-theme="blue"],
+[data-theme="brown"],
+[data-theme="green"],
+[data-theme="purple"],
+[data-theme="teal"] {
+  --bh-colors-brand-color-on-brand-dark: var(--bh-base-white);
 }
 
 [data-theme="brown"] {
@@ -1607,6 +1723,20 @@
   --bh-colors-brand-surface-strong-light: var(--bh-orange-900);
   --bh-colors-brand-surface-subtle-dark: var(--bh-orange-alpha10);
   --bh-colors-brand-surface-subtle-light: var(--bh-orange-50);
+  --bh-orange-100: #FFEDD5;
+  --bh-orange-300: #FDBA74;
+  --bh-orange-400: #FB923C;
+  --bh-orange-50: #FFF7ED;
+  --bh-orange-500: #F97316;
+  --bh-orange-600: #EA580C;
+  --bh-orange-700: #C2410C;
+  --bh-orange-800: #9A3412;
+  --bh-orange-900: #7C2D12;
+  --bh-orange-alpha10: rgb(249 115 22 / 0.1);
+}
+
+[data-theme="orange"],
+[data-theme="teal"] {
   --bh-colors-neutral-100: var(--bh-slate-100);
   --bh-colors-neutral-200: var(--bh-slate-200);
   --bh-colors-neutral-300: var(--bh-slate-300);
@@ -1641,16 +1771,6 @@
   --bh-colors-neutral-dark-800: var(--bh-slate-dark-800);
   --bh-colors-neutral-dark-900: var(--bh-slate-dark-900);
   --bh-colors-neutral-dark-950: var(--bh-slate-dark-950);
-  --bh-orange-100: #FFEDD5;
-  --bh-orange-300: #FDBA74;
-  --bh-orange-400: #FB923C;
-  --bh-orange-50: #FFF7ED;
-  --bh-orange-500: #F97316;
-  --bh-orange-600: #EA580C;
-  --bh-orange-700: #C2410C;
-  --bh-orange-800: #9A3412;
-  --bh-orange-900: #7C2D12;
-  --bh-orange-alpha10: rgb(249 115 22 / 0.1);
   --bh-slate-100: #F2F4F5;
   --bh-slate-200: #EBEEF0;
   --bh-slate-300: #E6EBF0;
@@ -1940,106 +2060,38 @@
   --bh-colors-brand-checkbox-bg-hover: var(--bh-teal-800);
   --bh-colors-brand-checkbox-bg-hover-dark: var(--bh-teal-800);
   --bh-colors-brand-content-dark: var(--bh-teal-500);
-  --bh-colors-brand-content-light: var(--bh-teal-700);
-  --bh-colors-brand-content-strong-dark: var(--bh-teal-300);
-  --bh-colors-brand-content-strong-light: var(--bh-teal-800);
-  --bh-colors-brand-focused-dark: var(--bh-teal-300);
-  --bh-colors-brand-focused-light: var(--bh-teal-600);
-  --bh-colors-brand-indicator: var(--bh-teal-600);
-  --bh-colors-brand-indicator-dark: var(--bh-teal-500);
-  --bh-colors-brand-interactive-default: var(--bh-teal-700);
-  --bh-colors-brand-interactive-default-dark: var(--bh-derived-teal-600-dark-reviewed);
-  --bh-colors-brand-interactive-hover: var(--bh-teal-800);
-  --bh-colors-brand-interactive-hover-dark: var(--bh-teal-800);
-  --bh-colors-brand-interactive-pressed: var(--bh-teal-900);
-  --bh-colors-brand-interactive-pressed-dark: var(--bh-derived-teal-600-dark-reviewed);
-  --bh-colors-brand-link-dark: var(--bh-teal-500);
-  --bh-colors-brand-link-hover-dark: var(--bh-teal-300);
-  --bh-colors-brand-link-hover-light: var(--bh-teal-800);
-  --bh-colors-brand-link-light: var(--bh-teal-700);
-  --bh-colors-brand-radiobutton-bg-default: var(--bh-teal-700);
-  --bh-colors-brand-radiobutton-bg-default-dark: var(--bh-derived-teal-600-dark-reviewed);
-  --bh-colors-brand-radiobutton-bg-hover: var(--bh-teal-800);
-  --bh-colors-brand-radiobutton-bg-hover-dark: var(--bh-teal-800);
-  --bh-colors-brand-surface-base: var(--bh-teal-700);
-  --bh-colors-brand-surface-base-dark: var(--bh-derived-teal-600-dark-reviewed);
-  --bh-colors-brand-surface-bold-dark: var(--bh-teal-700);
-  --bh-colors-brand-surface-bold-light: var(--bh-teal-800);
-  --bh-colors-brand-surface-soft-dark: var(--bh-teal-900);
-  --bh-colors-brand-surface-soft-light: var(--bh-teal-100);
-  --bh-colors-brand-surface-strong-dark: var(--bh-teal-900);
-  --bh-colors-brand-surface-strong-light: var(--bh-teal-900);
-  --bh-colors-brand-surface-subtle-dark: var(--bh-teal-alpha10);
-  --bh-colors-brand-surface-subtle-light: var(--bh-teal-50);
-  --bh-colors-neutral-100: var(--bh-slate-100);
-  --bh-colors-neutral-200: var(--bh-slate-200);
-  --bh-colors-neutral-300: var(--bh-slate-300);
-  --bh-colors-neutral-400: var(--bh-slate-400);
-  --bh-colors-neutral-50: var(--bh-slate-50);
-  --bh-colors-neutral-500: var(--bh-slate-500);
-  --bh-colors-neutral-600: var(--bh-slate-600);
-  --bh-colors-neutral-700: var(--bh-slate-700);
-  --bh-colors-neutral-800: var(--bh-slate-800);
-  --bh-colors-neutral-900: var(--bh-slate-900);
-  --bh-colors-neutral-950: var(--bh-slate-950);
-  --bh-colors-neutral-alpha-100: var(--bh-slate-alpha-100);
-  --bh-colors-neutral-alpha-200: var(--bh-slate-alpha-200);
-  --bh-colors-neutral-alpha-300: var(--bh-slate-alpha-300);
-  --bh-colors-neutral-alpha-400: var(--bh-slate-alpha-400);
-  --bh-colors-neutral-alpha-50: var(--bh-slate-alpha-50);
-  --bh-colors-neutral-alpha-500: var(--bh-slate-alpha-500);
-  --bh-colors-neutral-alpha-dark-100: var(--bh-slate-alpha-dark-100);
-  --bh-colors-neutral-alpha-dark-200: var(--bh-slate-alpha-dark-200);
-  --bh-colors-neutral-alpha-dark-300: var(--bh-slate-alpha-dark-300);
-  --bh-colors-neutral-alpha-dark-400: var(--bh-slate-alpha-dark-400);
-  --bh-colors-neutral-alpha-dark-50: var(--bh-slate-alpha-dark-50);
-  --bh-colors-neutral-alpha-dark-500: var(--bh-slate-alpha-dark-500);
-  --bh-colors-neutral-dark-100: var(--bh-slate-dark-100);
-  --bh-colors-neutral-dark-200: var(--bh-slate-dark-200);
-  --bh-colors-neutral-dark-300: var(--bh-slate-dark-300);
-  --bh-colors-neutral-dark-400: var(--bh-slate-dark-400);
-  --bh-colors-neutral-dark-50: var(--bh-slate-dark-50);
-  --bh-colors-neutral-dark-500: var(--bh-slate-dark-500);
-  --bh-colors-neutral-dark-600: var(--bh-slate-dark-600);
-  --bh-colors-neutral-dark-700: var(--bh-slate-dark-700);
-  --bh-colors-neutral-dark-800: var(--bh-slate-dark-800);
-  --bh-colors-neutral-dark-900: var(--bh-slate-dark-900);
-  --bh-colors-neutral-dark-950: var(--bh-slate-dark-950);
-  --bh-derived-teal-600-dark-reviewed: #0E8278;
-  --bh-slate-100: #F2F4F5;
-  --bh-slate-200: #EBEEF0;
-  --bh-slate-300: #E6EBF0;
-  --bh-slate-400: #D8E0E8;
-  --bh-slate-50: #F9FBFC;
-  --bh-slate-500: #C3D0DE;
-  --bh-slate-600: #ABB8C7;
-  --bh-slate-700: #7F8C9E;
-  --bh-slate-800: #4E596E;
-  --bh-slate-900: #232F40;
-  --bh-slate-950: #101B2E;
-  --bh-slate-alpha-100: rgb(88 123 140 / 0.1);
-  --bh-slate-alpha-200: rgb(88 123 140 / 0.13);
-  --bh-slate-alpha-300: rgb(55 83 122 / 0.13);
-  --bh-slate-alpha-400: rgb(22 64 112 / 0.15);
-  --bh-slate-alpha-50: rgb(88 123 140 / 0.07);
-  --bh-slate-alpha-500: rgb(24 68 120 / 0.25);
-  --bh-slate-alpha-dark-100: rgb(195 216 247 / 0.09);
-  --bh-slate-alpha-dark-200: rgb(195 216 247 / 0.11);
-  --bh-slate-alpha-dark-300: rgb(217 229 247 / 0.13);
-  --bh-slate-alpha-dark-400: rgb(195 216 247 / 0.23);
-  --bh-slate-alpha-dark-50: rgb(195 216 247 / 0.05);
-  --bh-slate-alpha-dark-500: rgb(198 219 247 / 0.3);
-  --bh-slate-dark-100: #121721;
-  --bh-slate-dark-200: #181F29;
-  --bh-slate-dark-300: #1F252E;
-  --bh-slate-dark-400: #2E3742;
-  --bh-slate-dark-50: #0B111A;
-  --bh-slate-dark-500: #434E5C;
-  --bh-slate-dark-600: #515E6E;
-  --bh-slate-dark-700: #6F7E8F;
-  --bh-slate-dark-800: #98A5B5;
-  --bh-slate-dark-900: #DDE5EB;
-  --bh-slate-dark-950: #FAFBFC;
+  --bh-colors-brand-content-light: var(--bh-teal-700);
+  --bh-colors-brand-content-strong-dark: var(--bh-teal-300);
+  --bh-colors-brand-content-strong-light: var(--bh-teal-800);
+  --bh-colors-brand-focused-dark: var(--bh-teal-300);
+  --bh-colors-brand-focused-light: var(--bh-teal-600);
+  --bh-colors-brand-indicator: var(--bh-teal-600);
+  --bh-colors-brand-indicator-dark: var(--bh-teal-500);
+  --bh-colors-brand-interactive-default: var(--bh-teal-700);
+  --bh-colors-brand-interactive-default-dark: var(--bh-derived-teal-600-dark-reviewed);
+  --bh-colors-brand-interactive-hover: var(--bh-teal-800);
+  --bh-colors-brand-interactive-hover-dark: var(--bh-teal-800);
+  --bh-colors-brand-interactive-pressed: var(--bh-teal-900);
+  --bh-colors-brand-interactive-pressed-dark: var(--bh-derived-teal-600-dark-reviewed);
+  --bh-colors-brand-link-dark: var(--bh-teal-500);
+  --bh-colors-brand-link-hover-dark: var(--bh-teal-300);
+  --bh-colors-brand-link-hover-light: var(--bh-teal-800);
+  --bh-colors-brand-link-light: var(--bh-teal-700);
+  --bh-colors-brand-radiobutton-bg-default: var(--bh-teal-700);
+  --bh-colors-brand-radiobutton-bg-default-dark: var(--bh-derived-teal-600-dark-reviewed);
+  --bh-colors-brand-radiobutton-bg-hover: var(--bh-teal-800);
+  --bh-colors-brand-radiobutton-bg-hover-dark: var(--bh-teal-800);
+  --bh-colors-brand-surface-base: var(--bh-teal-700);
+  --bh-colors-brand-surface-base-dark: var(--bh-derived-teal-600-dark-reviewed);
+  --bh-colors-brand-surface-bold-dark: var(--bh-teal-700);
+  --bh-colors-brand-surface-bold-light: var(--bh-teal-800);
+  --bh-colors-brand-surface-soft-dark: var(--bh-teal-900);
+  --bh-colors-brand-surface-soft-light: var(--bh-teal-100);
+  --bh-colors-brand-surface-strong-dark: var(--bh-teal-900);
+  --bh-colors-brand-surface-strong-light: var(--bh-teal-900);
+  --bh-colors-brand-surface-subtle-dark: var(--bh-teal-alpha10);
+  --bh-colors-brand-surface-subtle-light: var(--bh-teal-50);
+  --bh-derived-teal-600-dark-reviewed: #0E8278;
   --bh-teal-100: #CCFBF1;
   --bh-teal-300: #5EEAD4;
   --bh-teal-50: #F0FDFA;
@@ -2053,68 +2105,59 @@
 
 /* End Banhaten brand theme light token modes. */
 
+/* Banhaten brand theme dark token modes: generated from tokens/banhaten.tokens.json. */
+
 .dark,
 .dark[data-theme="blue"],
-.dark [data-theme="blue"] {
-  --accent: var(--bh-interactive-ghost-hover);
-  --accent-foreground: var(--bh-content-default);
-  --accent-hover: var(--bh-interactive-ghost-pressed);
-  --background: var(--bh-bg-default);
+.dark [data-theme="blue"],
+.dark[data-theme="gray"],
+.dark [data-theme="gray"],
+.dark[data-theme="brown"],
+.dark [data-theme="brown"],
+.dark[data-theme="orange"],
+.dark [data-theme="orange"],
+.dark[data-theme="green"],
+.dark [data-theme="green"],
+.dark[data-theme="purple"],
+.dark [data-theme="purple"],
+.dark[data-theme="teal"],
+.dark [data-theme="teal"] {
   --bh-alpha-alpha-transparent: rgb(14 13 13 / 0);
   --bh-alpha-alpha-transparent-to-100: var(--bh-colors-neutral-alpha-dark-300);
   --bh-alpha-alpha-transparent-to-500: var(--bh-colors-neutral-alpha-dark-500);
-  --bh-amber-300: #FFC369;
   --bh-amber-400: #FFA136;
-  --bh-amber-500: #EE7300;
-  --bh-amber-600: #CD6103;
-  --bh-amber-800: #863E07;
-  --bh-amber-900: #652C07;
   --bh-amber-alpha10: rgb(238 115 0 / 0.1);
   --bh-aqua-400: #2CC8A1;
-  --bh-aqua-500: #03A980;
   --bh-aqua-800: #075443;
   --bh-aqua-900: #043F33;
   --bh-aqua-alpha10: rgb(3 169 128 / 0.1);
-  --bh-base-white: #FFFFFF;
   --bh-bg-accent-amber-default: var(--bh-amber-600);
   --bh-bg-accent-amber-soft: var(--bh-amber-900);
   --bh-bg-accent-amber-subtle: var(--bh-amber-alpha10);
-  --bh-bg-accent-aqua-default: var(--bh-aqua-500);
   --bh-bg-accent-aqua-soft: var(--bh-aqua-900);
   --bh-bg-accent-aqua-subtle: var(--bh-aqua-alpha10);
-  --bh-bg-accent-blue-bold: var(--bh-blue-600);
-  --bh-bg-accent-blue-default: var(--bh-blue-500);
   --bh-bg-accent-blue-soft: var(--bh-blue-900);
   --bh-bg-accent-blue-subtle: var(--bh-blue-alpha10);
-  --bh-bg-accent-fuchsia-default: var(--bh-fuchsia-500);
   --bh-bg-accent-fuchsia-soft: var(--bh-fuchsia-900);
   --bh-bg-accent-fuchsia-subtle: var(--bh-fuchsia-alpha10);
   --bh-bg-accent-golden-bold: var(--bh-golden-400);
   --bh-bg-accent-golden-default: var(--bh-golden-500);
   --bh-bg-accent-golden-soft: var(--bh-golden-900);
   --bh-bg-accent-golden-subtle: var(--bh-golden-alpha10);
-  --bh-bg-accent-green-default: var(--bh-green-500);
   --bh-bg-accent-green-soft: var(--bh-green-900);
   --bh-bg-accent-green-subtle: var(--bh-green-alpha10);
-  --bh-bg-accent-lime-default: var(--bh-lime-500);
   --bh-bg-accent-lime-soft: var(--bh-lime-900);
   --bh-bg-accent-lime-subtle: var(--bh-lime-alpha10);
-  --bh-bg-accent-purple-default: var(--bh-purple-500);
   --bh-bg-accent-purple-soft: var(--bh-purple-900);
   --bh-bg-accent-purple-subtle: var(--bh-purple-alpha10);
   --bh-bg-accent-red-default: var(--bh-red-600);
   --bh-bg-accent-red-soft: var(--bh-red-900);
   --bh-bg-accent-red-subtle: var(--bh-red-alpha10);
-  --bh-bg-accent-rose-bold: var(--bh-rose-600);
-  --bh-bg-accent-rose-default: var(--bh-rose-500);
   --bh-bg-accent-rose-soft: var(--bh-rose-900);
   --bh-bg-accent-rose-subtle: var(--bh-rose-alpha10);
-  --bh-bg-accent-sky-base: var(--bh-sky-500);
   --bh-bg-accent-sky-soft: var(--bh-sky-900);
   --bh-bg-accent-sky-subtle: var(--bh-sky-alpha10);
   --bh-bg-always-dark: var(--bh-colors-neutral-dark-200);
-  --bh-bg-always-white: var(--bh-base-white);
-  --bh-bg-backdrop: rgb(0 0 0 / 0.5);
   --bh-bg-brand-bold: var(--bh-colors-brand-surface-bold-dark);
   --bh-bg-brand-default: var(--bh-colors-brand-surface-base-dark);
   --bh-bg-brand-soft: var(--bh-colors-brand-surface-soft-dark);
@@ -2160,62 +2203,42 @@
   --bh-bg-warning-soft: var(--bh-amber-800);
   --bh-bg-warning-strong: var(--bh-amber-400);
   --bh-bg-warning-subtle: var(--bh-amber-alpha10);
-  --bh-blue-200: #BBDAFF;
   --bh-blue-400: #5B97FF;
-  --bh-blue-500: #3276FF;
-  --bh-blue-600: #245DED;
   --bh-blue-800: #11318F;
-  --bh-blue-900: #0A1B63;
   --bh-blue-alpha10: rgb(50 118 255 / 0.1);
   --bh-blue-alpha25: rgb(50 118 255 / 0.25);
-  --bh-border-accent-amber-strong: var(--bh-amber-500);
   --bh-border-accent-amber-subtle: var(--bh-amber-800);
-  --bh-border-accent-aqua-strong: var(--bh-aqua-500);
   --bh-border-accent-aqua-subtle: var(--bh-aqua-800);
-  --bh-border-accent-blue-strong: var(--bh-blue-500);
   --bh-border-accent-blue-subtle: var(--bh-blue-alpha25);
-  --bh-border-accent-fuchsia-strong: var(--bh-fuchsia-500);
   --bh-border-accent-fuchsia-subtle: var(--bh-fuchsia-800);
   --bh-border-accent-golden-strong: var(--bh-golden-500);
   --bh-border-accent-golden-subtle: var(--bh-golden-800);
-  --bh-border-accent-green-strong: var(--bh-green-500);
   --bh-border-accent-green-subtle: var(--bh-green-alpha20);
   --bh-border-accent-lime-strong: var(--bh-lime-500);
   --bh-border-accent-lime-subtle: var(--bh-lime-800);
-  --bh-border-accent-purple-strong: var(--bh-purple-500);
   --bh-border-accent-purple-subtle: var(--bh-purple-800);
-  --bh-border-accent-red-strong: var(--bh-red-500);
   --bh-border-accent-red-subtle: var(--bh-red-alpha20);
-  --bh-border-accent-rose-strong: var(--bh-rose-500);
   --bh-border-accent-rose-subtle: var(--bh-rose-800);
-  --bh-border-accent-sky-strong: var(--bh-sky-500);
   --bh-border-accent-sky-subtle: var(--bh-sky-800);
   --bh-border-brand-strong: var(--bh-colors-brand-border-border-strong-dark);
   --bh-border-brand-subtle: var(--bh-colors-brand-border-border-subtle-dark);
-  --bh-border-danger-strong: var(--bh-red-500);
   --bh-border-danger-subtle: var(--bh-red-800);
   --bh-border-default: var(--bh-colors-neutral-alpha-dark-400);
   --bh-border-disabled: var(--bh-colors-neutral-alpha-dark-200);
   --bh-border-focus: var(--bh-colors-brand-focused-dark);
   --bh-border-focus-danger: var(--bh-red-300);
-  --bh-border-info-strong: var(--bh-blue-500);
   --bh-border-info-subtle: var(--bh-blue-800);
   --bh-border-input: var(--bh-colors-neutral-alpha-dark-400);
   --bh-border-inverse: var(--bh-colors-neutral-dark-50);
   --bh-border-inverse-subtle: rgb(255 255 255 / 0.1);
   --bh-border-strong: var(--bh-colors-neutral-dark-800);
   --bh-border-subtle: var(--bh-colors-neutral-alpha-dark-200);
-  --bh-border-success-strong: var(--bh-green-500);
   --bh-border-success-subtle: var(--bh-green-800);
-  --bh-border-warning-strong: var(--bh-amber-500);
   --bh-border-warning-subtle: var(--bh-amber-800);
-  --bh-chart-brand-default: var(--bh-colors-brand-surface-base);
-  --bh-chart-categorical-1: var(--bh-sky-600);
   --bh-chart-categorical-2: var(--bh-purple-300);
   --bh-chart-categorical-3: var(--bh-amber-400);
   --bh-chart-categorical-4: var(--bh-rose-400);
   --bh-chart-categorical-5: var(--bh-blue-200);
-  --bh-chart-categorical-6: var(--bh-purple-500);
   --bh-chart-categorical-7: var(--bh-rose-200);
   --bh-chart-categorical-8: var(--bh-amber-300);
   --bh-chart-neutral-default: var(--bh-colors-neutral-dark-400);
@@ -2254,7 +2277,6 @@
   --bh-content-link-hover: var(--bh-colors-brand-link-hover-dark);
   --bh-content-muted: #808080;
   --bh-content-on-brand: var(--bh-colors-brand-color-on-brand-dark);
-  --bh-content-on-color: var(--bh-base-white);
   --bh-content-on-light: var(--bh-colors-neutral-dark-50);
   --bh-content-on-neutral: var(--bh-colors-neutral-dark-50);
   --bh-content-on-success: var(--bh-colors-neutral-dark-50);
@@ -2265,21 +2287,14 @@
   --bh-content-warning-default: var(--bh-amber-500);
   --bh-content-warning-strong: var(--bh-amber-400);
   --bh-fuchsia-400: #FC54FF;
-  --bh-fuchsia-500: #E703EB;
   --bh-fuchsia-800: #6D0776;
   --bh-fuchsia-900: #500659;
   --bh-fuchsia-alpha10: rgb(231 3 235 / 0.1);
-  --bh-golden-400: #F7C407;
   --bh-golden-500: #E5AB08;
-  --bh-golden-800: #7E4F03;
   --bh-golden-900: #603B03;
   --bh-golden-alpha10: rgb(229 171 8 / 0.1);
   --bh-green-300: #51E585;
   --bh-green-400: #2CC863;
-  --bh-green-500: #0BAE45;
-  --bh-green-600: #039536;
-  --bh-green-800: #075622;
-  --bh-green-900: #043F18;
   --bh-green-alpha10: rgb(11 174 69 / 0.1);
   --bh-green-alpha20: rgb(11 174 69 / 0.2);
   --bh-green-alpha25: rgb(11 174 69 / 0.25);
@@ -2287,6 +2302,7 @@
   --bh-interactive-brand-disabled: var(--bh-colors-neutral-alpha-dark-100);
   --bh-interactive-brand-hover: var(--bh-colors-brand-interactive-hover-dark);
   --bh-interactive-brand-pressed: var(--bh-colors-brand-interactive-pressed-dark);
+  --bh-interactive-checkbox-content: var(--bh-colors-brand-color-on-brand-dark);
   --bh-interactive-checkbox-default: var(--bh-colors-brand-checkbox-bg-default-dark);
   --bh-interactive-checkbox-hover: var(--bh-colors-brand-checkbox-bg-hover-dark);
   --bh-interactive-danger-default: var(--bh-red-600);
@@ -2302,7 +2318,7 @@
   --bh-interactive-ghost-disabled: rgb(255 255 255 / 0);
   --bh-interactive-ghost-hover: var(--bh-colors-neutral-alpha-dark-50);
   --bh-interactive-ghost-pressed: var(--bh-colors-neutral-alpha-dark-100);
-  --bh-interactive-indicator-default: var(--bh-colors-brand-indicator);
+  --bh-interactive-indicator-default: var(--bh-colors-brand-indicator-dark);
   --bh-interactive-input-default: var(--bh-colors-neutral-alpha-dark-50);
   --bh-interactive-input-disabled: var(--bh-colors-neutral-alpha-dark-50);
   --bh-interactive-input-soft: var(--bh-colors-neutral-alpha-dark-100);
@@ -2324,12 +2340,9 @@
   --bh-interactive-success-default: var(--bh-green-400);
   --bh-interactive-success-hover: var(--bh-green-300);
   --bh-interactive-success-pressed: var(--bh-green-500);
-  --bh-interactive-switch-active: var(--bh-green-500);
   --bh-interactive-switch-active-disabled: var(--bh-green-alpha25);
-  --bh-interactive-switch-active-hover: var(--bh-green-600);
   --bh-interactive-switch-default: var(--bh-colors-neutral-alpha-dark-400);
   --bh-interactive-switch-disabled: var(--bh-colors-neutral-alpha-dark-100);
-  --bh-interactive-switch-handle: var(--bh-base-white);
   --bh-interactive-switch-handle-disabled: var(--bh-colors-neutral-alpha-dark-300);
   --bh-interactive-switch-hover: var(--bh-colors-neutral-alpha-dark-500);
   --bh-interactive-table-header: var(--bh-colors-neutral-alpha-dark-50);
@@ -2337,218 +2350,39 @@
   --bh-interactive-warning-hover: var(--bh-amber-300);
   --bh-interactive-warning-pressed: var(--bh-amber-500);
   --bh-lime-400: #A4D10E;
-  --bh-lime-500: #8EB903;
   --bh-lime-800: #4E6503;
   --bh-lime-900: #384C03;
   --bh-lime-alpha10: rgb(142 185 3 / 0.1);
-  --bh-pagination-action-gap: var(--bh-space-md-8);
-  --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-caption-font-weight: var(--bh-text-body-md-regular-font-weight);
-  --bh-pagination-caption-width: 254px;
-  --bh-pagination-control-content: var(--bh-content-default);
-  --bh-pagination-control-gap: var(--bh-space-lg-10);
-  --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-label-padding-x: var(--bh-space-xxs-2);
-  --bh-pagination-control-label-rtl-padding-x: var(--bh-space-xs-4);
-  --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-text-gap: var(--bh-space-xs-4);
-  --bh-pagination-control-text-padding-x: var(--bh-space-md-8);
-  --bh-pagination-control-text-rtl-gap: var(--bh-space-xxs-2);
-  --bh-pagination-control-text-rtl-padding-x: var(--bh-space-sm-6);
-  --bh-pagination-font-size: var(--bh-text-body-md-medium-font-size);
-  --bh-pagination-icon-size: var(--bh-space-4xl-20);
-  --bh-pagination-item-size: var(--bh-space-6xl-32);
-  --bh-pagination-label-font-weight: var(--bh-text-body-md-medium-font-weight);
-  --bh-pagination-letter-spacing: var(--bh-text-body-md-medium-letter-spacing);
-  --bh-pagination-line-height: var(--bh-text-body-md-medium-line-height);
-  --bh-pagination-numeric-width: 560px;
-  --bh-pagination-page-bg: var(--bh-interactive-ghost-default);
-  --bh-pagination-page-content: var(--bh-content-subtle);
-  --bh-pagination-page-gap: var(--bh-space-xs-4);
-  --bh-pagination-page-hover: var(--bh-interactive-ghost-hover);
-  --bh-pagination-page-pressed: var(--bh-interactive-ghost-pressed);
-  --bh-pagination-radius: var(--bh-control-default);
-  --bh-pagination-root-gap: var(--bh-space-3xl-16);
-  --bh-pagination-simple-width: 458px;
   --bh-purple-300: #D097FF;
   --bh-purple-400: #B65CFF;
-  --bh-purple-500: #A135FA;
   --bh-purple-800: #4A0B87;
   --bh-purple-900: #340865;
   --bh-purple-alpha10: rgb(182 92 255 / 0.1);
-  --bh-red-300: #FF96A1;
-  --bh-red-400: #FC5666;
-  --bh-red-500: #E8172C;
-  --bh-red-600: #CA1224;
-  --bh-red-700: #A60C1B;
   --bh-red-800: #820A16;
   --bh-red-900: #5C0810;
   --bh-red-alpha10: rgb(232 23 44 / 0.1);
   --bh-red-alpha15: rgb(232 23 44 / 0.15);
   --bh-red-alpha20: rgb(232 23 44 / 0.2);
-  --bh-rose-200: #FFB9D7;
   --bh-rose-400: #FF4F9B;
-  --bh-rose-500: #F01071;
-  --bh-rose-600: #D10A60;
   --bh-rose-800: #810838;
   --bh-rose-900: #60082B;
   --bh-rose-alpha10: rgb(240 16 113 / 0.1);
-  --bh-select-avatar-font-size: var(--bh-space-lg-10);
-  --bh-select-check-color: var(--bh-interactive-indicator-default);
-  --bh-select-checkbox-icon-size: var(--bh-space-xl-12);
-  --bh-select-checkbox-radius: var(--bh-radius-sm-4);
-  --bh-select-checkbox-size: var(--bh-space-3xl-16);
-  --bh-select-company-icon-size: 18px;
-  --bh-select-content-gap: var(--bh-space-xxs-2);
-  --bh-select-field-gap: var(--bh-space-sm-6);
-  --bh-select-icon-size: var(--bh-space-3xl-16);
-  --bh-select-icon-slot-size: var(--bh-space-4xl-20);
-  --bh-select-item-check-offset: var(--bh-space-3xl-16);
-  --bh-select-item-content-padding: var(--bh-space-sm-6);
-  --bh-select-item-gap: var(--bh-space-xs-4);
-  --bh-select-item-hover-bg: var(--bh-interactive-ghost-hover);
-  --bh-select-item-min-height: var(--bh-space-6xl-32);
-  --bh-select-item-padding-x: var(--bh-space-sm-6);
-  --bh-select-item-radius: var(--bh-radius-md-6);
-  --bh-select-item-selected-padding-end: var(--bh-space-6xl-32);
-  --bh-select-item-value-padding-x: var(--bh-space-xs-4);
-  --bh-select-label-gap: var(--bh-space-xs-4);
-  --bh-select-media-inset: var(--bh-space-xxs-2);
-  --bh-select-menu-bg: var(--bh-bg-raised);
-  --bh-select-menu-border: var(--bh-border-subtle);
-  --bh-select-menu-list-gap: var(--bh-space-xxs-2);
-  --bh-select-menu-offset: var(--bh-space-xs-4);
-  --bh-select-menu-padding-y: var(--bh-space-sm-6);
-  --bh-select-menu-radius: var(--bh-radius-xl-10);
-  --bh-select-menu-width: var(--bh-select-width);
-  --bh-select-payment-height: var(--bh-space-4xl-20);
-  --bh-select-payment-mark-offset: 7px;
-  --bh-select-payment-mark-size: 9px;
-  --bh-select-payment-radius: var(--bh-radius-sm-4);
-  --bh-select-payment-width: 28.333px;
-  --bh-select-status-dot-size: var(--bh-space-md-8);
-  --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-gap: var(--bh-space-sm-6);
-  --bh-select-trigger-icon-color: var(--bh-content-muted);
-  --bh-select-trigger-padding-x: var(--bh-space-md-8);
-  --bh-select-trigger-padding-y-comfortable: 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-radius: var(--bh-radius-lg-8);
-  --bh-select-value-padding-inline: var(--bh-space-xs-4);
-  --bh-select-width: var(--bh-space-18xl-320);
   --bh-sky-400: #1BB6FC;
-  --bh-sky-500: #059FE5;
-  --bh-sky-600: #0C85C3;
   --bh-sky-800: #03537E;
   --bh-sky-900: #073D5B;
   --bh-sky-alpha10: rgb(5 159 229 / 0.1);
-  --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);
-  --shadow-button-danger-focus: var(--shadow-component-danger-focus-ring);
-  --shadow-button-focus: var(--shadow-component-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: var(--shadow-button-group), var(--shadow-component-focus-ring);
-  --shadow-button-group-focus-ring: var(--shadow-component-focus-ring);
-  --shadow-button-raised: var(--shadow-component-raised);
-  --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-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-surface: var(--shadow-component-surface);
-  --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-control: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-checkbox-control-border, var(--bh-border-input)), var(--shadow-component-default);
-  --shadow-component-danger-focus-ring: 0px 0px 0px var(--bh-focus-ring-width) var(--bh-border-focus-danger);
-  --shadow-component-danger-focus-stroke: 0px 0px 0px var(--bh-border-width-default) var(--bh-bg-default), 0px 0px 0px calc(var(--bh-border-width-default) + var(--bh-focus-ring-width)) 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-component-focus-ring: 0px 0px 0px var(--bh-focus-ring-width) var(--bh-border-focus);
-  --shadow-component-focus-stroke: 0px 0px 0px var(--bh-border-width-default) var(--bh-bg-default), 0px 0px 0px calc(var(--bh-border-width-default) + var(--bh-focus-ring-width)) var(--bh-border-focus);
-  --shadow-component-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-component-surface: inset 0px -1px 0px 0px rgb(0 0 0 / 0.32), 0px 1px 2px 0px rgb(0 0 0 / 0.32);
-  --shadow-date-surface: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-date-surface-border, var(--bh-border-subtle)), var(--shadow-lg);
-  --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: var(--shadow-component-focus-stroke);
-  --shadow-lg: 0px 10px 16px -3px rgb(15 17 20 / 0.06), 0px 4px 6px -2px rgb(15 17 20 / 0.04);
-  --shadow-md: 0px 1.75px 4px -1px rgb(15 17 20 / 0.1);
-  --shadow-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-menu-border), var(--shadow-lg);
-  --shadow-progress-slider-thumb-focus: var(--shadow-component-focus-ring);
-  --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-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: var(--shadow-component-danger-focus-stroke);
-  --shadow-select-focus-ring: var(--shadow-component-focus-stroke);
-  --shadow-select-menu: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-select-menu-border), var(--shadow-lg);
-  --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-slider-thumb-focus: var(--shadow-slider-thumb), var(--shadow-component-focus-ring);
-  --shadow-slider-tooltip: var(--shadow-lg);
-  --shadow-sm: 0px 1px 3px 0px rgb(15 17 20 / 0.1);
-  --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: var(--shadow-social-button), var(--shadow-component-focus-ring);
-  --shadow-social-button-focus-ring: var(--shadow-component-focus-ring);
-  --shadow-textarea: inset 0px 0px 0px var(--bh-border-width-default) var(--bh-textarea-border, var(--bh-border-input)), var(--shadow-component-default);
-  --shadow-xl: 0px 20px 25px -5px rgb(15 17 20 / 0.08), 0px 10px 10px -5px rgb(15 17 20 / 0.06);
-  --shadow-xs: 0px 1px 2px 0px rgb(15 17 20 / 0.06);
-  --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);
+  --elevation-01: 0px 0px 0px 1px rgb(0 0 0 / 0), inset 0px 0px 0px 1px rgb(255 255 255 / 0.04);
+  --elevation-02: 0px 0px 0px 1px rgb(0 0 0 / 0), 0px 1px 1px -0.5px rgb(0 0 0 / 0.18), inset 0px 1px 0px 0px rgb(255 255 255 / 0.04), inset 0px 0px 0px 1px rgb(255 255 255 / 0.04);
+  --elevation-03: 0px 0px 0px 1px rgb(0 0 0 / 0.16), 0px 1px 1px -0.5px rgb(0 0 0 / 0.18), 0px 3px 3px -1.5px rgb(0 0 0 / 0.18), inset 0px 1px 0px 0px rgb(255 255 255 / 0.06), inset 0px 0px 0px 1px rgb(255 255 255 / 0.04);
+  --elevation-04: 0px 0px 0px 1px rgb(0 0 0 / 0.16), 0px 1px 1px -0.5px rgb(0 0 0 / 0.18), 0px 3px 3px -1.5px rgb(0 0 0 / 0.18), 0px 6px 6px -3px rgb(0 0 0 / 0.18), inset 0px 1px 0px 0px rgb(255 255 255 / 0.06), inset 0px 0px 0px 1px rgb(255 255 255 / 0.04);
+  --elevation-05: 0px 0px 0px 1px rgb(0 0 0 / 0.16), 0px 1px 1px -0.5px rgb(0 0 0 / 0.18), 0px 3px 3px -1.5px rgb(0 0 0 / 0.18), 0px 6px 6px -3px rgb(0 0 0 / 0.18), 0px 12px 12px -6px rgb(0 0 0 / 0.18), inset 0px 1px 0px 0px rgb(255 255 255 / 0.08), inset 0px 0px 0px 1px rgb(255 255 255 / 0.04);
+  --elevation-06: 0px 0px 0px 1px rgb(0 0 0 / 0.16), 0px 1px 1px -0.5px rgb(0 0 0 / 0.18), 0px 3px 3px -1.5px rgb(0 0 0 / 0.18), 0px 6px 6px -3px rgb(0 0 0 / 0.18), 0px 12px 12px -6px rgb(0 0 0 / 0.18), 0px 24px 24px -12px rgb(0 0 0 / 0.18), inset 0px 1px 0px 0px rgb(255 255 255 / 0.08), inset 0px 0px 0px 1px rgb(255 255 255 / 0.06);
+  --elevation-07: 0px 0px 0px 1px rgb(0 0 0 / 0.2), 0px 1px 1px -0.5px rgb(0 0 0 / 0.18), 0px 3px 3px -1.5px rgb(0 0 0 / 0.18), 0px 6px 6px -3px rgb(0 0 0 / 0.18), 0px 12px 12px -6px rgb(0 0 0 / 0.18), 0px 24px 24px -12px rgb(0 0 0 / 0.18), 0px 48px 48px -24px rgb(0 0 0 / 0.18), inset 0px 1px 0px 0px rgb(255 255 255 / 0.11), inset 0px 0px 0px 1px rgb(255 255 255 / 0.06);
+  --elevation-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);
+  --elevation-component-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);
+  --elevation-component-surface: inset 0px -1px 0px 0px rgb(0 0 0 / 0.32), 0px 1px 2px 0px rgb(0 0 0 / 0.32);
 }
 
-/* Banhaten brand theme dark token modes: generated from tokens/banhaten.tokens.json. */
-
 /* End Banhaten brand theme dark token modes. */
 
 [data-radius="default"] {
@@ -2625,6 +2459,40 @@
 
 /* Banhaten authored token utilities. */
 
+/* Remove Tailwind's parallel depth scale; Banhaten publishes elevation only. */
+@theme {
+  --shadow-*: initial;
+  --inset-shadow-*: initial;
+  --drop-shadow-*: initial;
+  --text-shadow-*: initial;
+}
+
+/* Neutralize Tailwind's emitted defaults when this file is imported after it. */
+:root,
+:host {
+  --shadow-2xs: unset;
+  --shadow-xs: unset;
+  --shadow-sm: unset;
+  --shadow-md: unset;
+  --shadow-lg: unset;
+  --shadow-xl: unset;
+  --shadow-2xl: unset;
+  --inset-shadow-2xs: initial;
+  --inset-shadow-xs: initial;
+  --inset-shadow-sm: initial;
+  --drop-shadow-xs: initial;
+  --drop-shadow-sm: initial;
+  --drop-shadow-md: initial;
+  --drop-shadow-lg: initial;
+  --drop-shadow-xl: initial;
+  --drop-shadow-2xl: initial;
+  --text-shadow-2xs: initial;
+  --text-shadow-xs: initial;
+  --text-shadow-sm: initial;
+  --text-shadow-md: initial;
+  --text-shadow-lg: initial;
+}
+
 @theme inline {
   --font-sans: var(--bh-font-family);
   --default-border-width: var(--bh-border-width-default);
@@ -2682,6 +2550,30 @@
   }
 }
 
+@keyframes collapsible-down {
+  from {
+    height: 0;
+    opacity: var(--bh-opacity-0);
+  }
+
+  to {
+    height: var(--radix-collapsible-content-height);
+    opacity: var(--bh-opacity-100);
+  }
+}
+
+@keyframes collapsible-up {
+  from {
+    height: var(--radix-collapsible-content-height);
+    opacity: var(--bh-opacity-100);
+  }
+
+  to {
+    height: 0;
+    opacity: var(--bh-opacity-0);
+  }
+}
+
 @keyframes bh-spinner-steady {
   to {
     transform: rotate(360deg);