@goldencomm/create-baseline 0.0.1 → 0.1.0

package/templates/wordpress/theme/assets/tokens.css

@@ -0,0 +1,1030 @@
+/* Generated by tokens/build.mjs from the Figma export. Do not edit. */
+:root {
+  --accent: #f5f5f5;
+  --accent-foreground: #171717;
+  --background: #ffffff;
+  --bl-accordion-background-hover: color-mix(in oklab, var(--primary) 3%, transparent);
+  --bl-accordion-background-open: color-mix(in oklab, var(--primary) 5%, transparent);
+  --bl-accordion-border-hover: color-mix(in oklab, var(--primary) 30%, transparent);
+  --bl-accordion-border-open: color-mix(in oklab, var(--primary) 30%, transparent);
+  --bl-accordion-border-width: 1px;
+  --bl-accordion-content-font-size: 14px;
+  --bl-accordion-content-line-height: 20px;
+  --bl-accordion-foreground-hover: var(--card-foreground);
+  --bl-accordion-foreground-open: var(--card-foreground);
+  --bl-accordion-group-gap: 8px;
+  --bl-accordion-icon-hover: var(--muted-foreground);
+  --bl-accordion-icon-open: var(--muted-foreground);
+  --bl-accordion-padding-x: 12px;
+  --bl-accordion-padding-y: 10px;
+  --bl-accordion-radius: 8px;
+  --bl-accordion-title-font-size: 14px;
+  --bl-accordion-title-font-weight: 500;
+  --bl-accordion-title-line-height: 20px;
+  --bl-accordion-trigger-gap: 8px;
+  --bl-accordion-trigger-icon-size: 16px;
+  --bl-alert-border-width: 1px;
+  --bl-alert-content-gap: 2px;
+  --bl-alert-description-font-size: 14px;
+  --bl-alert-description-line-height: 20px;
+  --bl-alert-destructive-description-foreground: color-mix(in oklab, var(--destructive) 90%, transparent);
+  --bl-alert-gap: 8px;
+  --bl-alert-icon-size: 16px;
+  --bl-alert-padding-x: 10px;
+  --bl-alert-padding-y: 8px;
+  --bl-alert-radius: 10px;
+  --bl-alert-title-font-size: 14px;
+  --bl-alert-title-font-weight: 500;
+  --bl-alert-title-line-height: 20px;
+  --bl-avatar-border-width: 1px;
+  --bl-avatar-font-family: Inter, ui-sans-serif, system-ui, sans-serif;
+  --bl-avatar-font-weight: 400;
+  --bl-avatar-group-gap: -8px;
+  --bl-avatar-lg-badge-size: 12px;
+  --bl-avatar-lg-font-size: 16px;
+  --bl-avatar-lg-icon-size: 24px;
+  --bl-avatar-lg-line-height: 24px;
+  --bl-avatar-lg-size: 48px;
+  --bl-avatar-md-badge-size: 8px;
+  --bl-avatar-md-font-size: 16px;
+  --bl-avatar-md-icon-size: 24px;
+  --bl-avatar-md-line-height: 24px;
+  --bl-avatar-md-size: 40px;
+  --bl-avatar-sm-badge-size: 8px;
+  --bl-avatar-sm-font-size: 12px;
+  --bl-avatar-sm-icon-size: 16px;
+  --bl-avatar-sm-line-height: 16px;
+  --bl-avatar-sm-size: 32px;
+  --bl-avatar-xl-badge-size: 12px;
+  --bl-avatar-xl-font-size: 16px;
+  --bl-avatar-xl-icon-size: 24px;
+  --bl-avatar-xl-line-height: 24px;
+  --bl-avatar-xl-size: 56px;
+  --bl-avatar-xs-badge-size: 8px;
+  --bl-avatar-xs-font-size: 12px;
+  --bl-avatar-xs-icon-size: 16px;
+  --bl-avatar-xs-line-height: 16px;
+  --bl-avatar-xs-size: 24px;
+  --bl-badge-border-width: 1px;
+  --bl-badge-font-weight: 500;
+  --bl-badge-md-font-size: 12px;
+  --bl-badge-md-gap: 4px;
+  --bl-badge-md-height: 20px;
+  --bl-badge-md-icon-size: 12px;
+  --bl-badge-md-line-height: 16px;
+  --bl-badge-md-padding-x: 8px;
+  --bl-badge-md-padding-x-icon: 6px;
+  --bl-badge-md-radius: 26px;
+  --bl-badge-sm-font-size: 10px;
+  --bl-badge-sm-gap: 4px;
+  --bl-badge-sm-height: 16px;
+  --bl-badge-sm-icon-size: 12px;
+  --bl-badge-sm-line-height: 12px;
+  --bl-badge-sm-padding-x: 6px;
+  --bl-badge-sm-padding-x-icon: 4px;
+  --bl-badge-sm-radius: 26px;
+  --bl-breadcrumb-ellipsis-icon-size: 16px;
+  --bl-breadcrumb-ellipsis-size: 20px;
+  --bl-breadcrumb-font-size: 14px;
+  --bl-breadcrumb-gap: 6px;
+  --bl-breadcrumb-item-gap: 4px;
+  --bl-breadcrumb-line-height: 20px;
+  --bl-breadcrumb-separator-icon-size: 14px;
+  --bl-button-font-family: Inter, ui-sans-serif, system-ui, sans-serif;
+  --bl-button-font-weight: 500;
+  --bl-button-lg-font-size: 16px;
+  --bl-button-lg-gap: 6px;
+  --bl-button-lg-height: 36px;
+  --bl-button-lg-icon-size: 20px;
+  --bl-button-lg-line-height: 24px;
+  --bl-button-lg-padding-x: 14px;
+  --bl-button-lg-padding-x-icon: 12px;
+  --bl-button-lg-radius: 10px;
+  --bl-button-md-font-size: 14px;
+  --bl-button-md-gap: 6px;
+  --bl-button-md-height: 32px;
+  --bl-button-md-icon-size: 20px;
+  --bl-button-md-line-height: 20px;
+  --bl-button-md-padding-x: 12px;
+  --bl-button-md-padding-x-icon: 10px;
+  --bl-button-md-radius: 10px;
+  --bl-button-sm-font-size: 14px;
+  --bl-button-sm-gap: 4px;
+  --bl-button-sm-height: 28px;
+  --bl-button-sm-icon-size: 20px;
+  --bl-button-sm-line-height: 20px;
+  --bl-button-sm-padding-x: 10px;
+  --bl-button-sm-padding-x-icon: 8px;
+  --bl-button-sm-radius: 8px;
+  --bl-button-xs-font-size: 12px;
+  --bl-button-xs-gap: 4px;
+  --bl-button-xs-height: 24px;
+  --bl-button-xs-icon-size: 16px;
+  --bl-button-xs-line-height: 16px;
+  --bl-button-xs-padding-x: 8px;
+  --bl-button-xs-padding-x-icon: 6px;
+  --bl-button-xs-radius: 8px;
+  --bl-card-border: color-mix(in oklab, var(--foreground) 10%, transparent);
+  --bl-card-border-width: 1px;
+  --bl-card-description-font-size: 14px;
+  --bl-card-description-line-height: 20px;
+  --bl-card-footer-background: color-mix(in oklab, var(--muted) 50%, transparent);
+  --bl-card-footer-gap: 8px;
+  --bl-card-header-action-gap: 6px;
+  --bl-card-header-gap: 4px;
+  --bl-card-md-gap: 16px;
+  --bl-card-md-padding: 16px;
+  --bl-card-md-radius: 14px;
+  --bl-card-sm-gap: 12px;
+  --bl-card-sm-padding: 12px;
+  --bl-card-sm-radius: 14px;
+  --bl-card-title-font-weight: 500;
+  --bl-card-title-md-font-size: 16px;
+  --bl-card-title-md-line-height: 24px;
+  --bl-card-title-sm-font-size: 14px;
+  --bl-card-title-sm-line-height: 20px;
+  --bl-carousel-control-offset: 48px;
+  --bl-carousel-control-radius: 9999px;
+  --bl-carousel-dot-background: color-mix(in oklab, var(--foreground) 20%, transparent);
+  --bl-carousel-dot-radius: 9999px;
+  --bl-carousel-dot-size: 8px;
+  --bl-carousel-dots-gap: 8px;
+  --bl-carousel-dots-offset: 16px;
+  --bl-carousel-gap: 16px;
+  --bl-checkbox-radius: 4px;
+  --bl-checkbox-size: 16px;
+  --bl-container-2xl: 672px;
+  --bl-container-2xs: 288px;
+  --bl-container-3xl: 768px;
+  --bl-container-3xs: 256px;
+  --bl-container-4xl: 896px;
+  --bl-container-5xl: 1024px;
+  --bl-container-6xl: 1152px;
+  --bl-container-7xl: 1280px;
+  --bl-container-lg: 512px;
+  --bl-container-md: 448px;
+  --bl-container-sm: 384px;
+  --bl-container-xl: 576px;
+  --bl-container-xs: 320px;
+  --bl-control-addon-gap: 8px;
+  --bl-control-addon-icon-size: 16px;
+  --bl-control-border-width: 1px;
+  --bl-control-gap: 4px;
+  --bl-control-padding-x: 10px;
+  --bl-control-padding-y: 4px;
+  --bl-control-radius: 10px;
+  --bl-control-ring-width: 3px;
+  --bl-dialog-border: color-mix(in oklab, var(--foreground) 10%, transparent);
+  --bl-dialog-border-width: 1px;
+  --bl-dialog-close-inset: 8px;
+  --bl-dialog-description-font-size: 14px;
+  --bl-dialog-description-line-height: 20px;
+  --bl-dialog-footer-background: color-mix(in oklab, var(--muted) 50%, transparent);
+  --bl-dialog-footer-gap: 8px;
+  --bl-dialog-gap: 16px;
+  --bl-dialog-header-gap: 8px;
+  --bl-dialog-max-width: 384px;
+  --bl-dialog-padding: 16px;
+  --bl-dialog-radius: 14px;
+  --bl-dialog-title-font-size: 16px;
+  --bl-dialog-title-font-weight: 500;
+  --bl-dialog-title-line-height: 16px;
+  --bl-drawer-handle-length: 100px;
+  --bl-drawer-handle-thickness: 6px;
+  --bl-drawer-inset: 8px;
+  --bl-drawer-radius: 24px;
+  --bl-dropdown-menu-border: color-mix(in oklab, var(--foreground) 10%, transparent);
+  --bl-dropdown-menu-border-width: 1px;
+  --bl-dropdown-menu-item-destructive-focus-background: color-mix(in oklab, var(--destructive) 10%, transparent);
+  --bl-dropdown-menu-item-font-size: 14px;
+  --bl-dropdown-menu-item-gap: 6px;
+  --bl-dropdown-menu-item-icon-size: 16px;
+  --bl-dropdown-menu-item-indicator-inset: 8px;
+  --bl-dropdown-menu-item-line-height: 20px;
+  --bl-dropdown-menu-item-padding-end-indicator: 32px;
+  --bl-dropdown-menu-item-padding-inset: 28px;
+  --bl-dropdown-menu-item-padding-x: 6px;
+  --bl-dropdown-menu-item-padding-y: 4px;
+  --bl-dropdown-menu-item-radius: 8px;
+  --bl-dropdown-menu-label-font-size: 12px;
+  --bl-dropdown-menu-label-font-weight: 500;
+  --bl-dropdown-menu-label-line-height: 16px;
+  --bl-dropdown-menu-min-width: 128px;
+  --bl-dropdown-menu-padding: 4px;
+  --bl-dropdown-menu-radius: 10px;
+  --bl-dropdown-menu-separator-margin-y: 4px;
+  --bl-dropdown-menu-separator-thickness: 1px;
+  --bl-dropdown-menu-shortcut-font-size: 12px;
+  --bl-dropdown-menu-shortcut-line-height: 16px;
+  --bl-dropdown-menu-sub-min-width: 96px;
+  --bl-field-content-gap: 2px;
+  --bl-field-description-font-size: 14px;
+  --bl-field-description-font-weight: 400;
+  --bl-field-description-line-height: 20px;
+  --bl-field-error-font-size: 14px;
+  --bl-field-error-font-weight: 600;
+  --bl-field-error-line-height: 20px;
+  --bl-field-fieldset-gap: 16px;
+  --bl-field-gap: 8px;
+  --bl-field-group-gap: 16px;
+  --bl-field-group-gap-compact: 12px;
+  --bl-field-legend-font-size: 18px;
+  --bl-field-legend-font-weight: 600;
+  --bl-field-legend-line-height: 28px;
+  --bl-field-option-card-background-selected: color-mix(in oklab, var(--primary) 5%, transparent);
+  --bl-field-option-card-border-selected: color-mix(in oklab, var(--primary) 30%, transparent);
+  --bl-field-option-card-border-width: 1px;
+  --bl-field-option-card-column-gap: 8px;
+  --bl-field-option-card-padding: 10px;
+  --bl-field-option-card-radius: 10px;
+  --bl-field-option-card-row-gap: 2px;
+  --bl-field-separator-padding-x: 8px;
+  --bl-font-heading: Inter, ui-sans-serif, system-ui, sans-serif;
+  --bl-font-mono: "JetBrains Mono", ui-monospace, monospace;
+  --bl-font-sans: Inter, ui-sans-serif, system-ui, sans-serif;
+  --bl-hover-card-border: color-mix(in oklab, var(--foreground) 10%, transparent);
+  --bl-hover-card-border-width: 1px;
+  --bl-hover-card-padding: 10px;
+  --bl-hover-card-radius: 10px;
+  --bl-hover-card-width: 256px;
+  --bl-input-group-md-border-width: 1px;
+  --bl-input-group-md-font-size: 14px;
+  --bl-input-group-md-height: 32px;
+  --bl-input-group-md-line-height: 20px;
+  --bl-input-group-md-padding-x: 10px;
+  --bl-input-group-md-padding-y: 4px;
+  --bl-input-group-md-radius: 10px;
+  --bl-input-md-border-width: 1px;
+  --bl-input-md-font-size: 14px;
+  --bl-input-md-gap: 4px;
+  --bl-input-md-height: 32px;
+  --bl-input-md-line-height: 20px;
+  --bl-input-md-padding-x: 10px;
+  --bl-input-md-padding-y: 4px;
+  --bl-input-md-radius: 10px;
+  --bl-input-otp-gap: 8px;
+  --bl-input-otp-md-border-width: 1px;
+  --bl-input-otp-md-font-size: 14px;
+  --bl-input-otp-md-line-height: 20px;
+  --bl-input-otp-md-padding-x: 10px;
+  --bl-input-otp-md-padding-y: 4px;
+  --bl-input-otp-md-radius: 10px;
+  --bl-input-otp-md-size: 32px;
+  --bl-input-otp-separator-icon-size: 16px;
+  --bl-item-actions-gap: 8px;
+  --bl-item-border-width: 1px;
+  --bl-item-description-md-font-size: 14px;
+  --bl-item-description-md-line-height: 20px;
+  --bl-item-description-sm-font-size: 14px;
+  --bl-item-description-sm-line-height: 20px;
+  --bl-item-description-xs-font-size: 12px;
+  --bl-item-description-xs-line-height: 16px;
+  --bl-item-group-md-gap: 16px;
+  --bl-item-group-sm-gap: 10px;
+  --bl-item-group-xs-gap: 8px;
+  --bl-item-md-content-gap: 4px;
+  --bl-item-md-gap: 10px;
+  --bl-item-md-padding-x: 12px;
+  --bl-item-md-padding-y: 10px;
+  --bl-item-media-icon-size: 16px;
+  --bl-item-media-md-size: 40px;
+  --bl-item-media-radius: 6px;
+  --bl-item-media-sm-size: 32px;
+  --bl-item-media-xs-size: 24px;
+  --bl-item-muted-background: color-mix(in oklab, var(--muted) 50%, transparent);
+  --bl-item-radius: 10px;
+  --bl-item-separator-margin-y: 8px;
+  --bl-item-sm-content-gap: 4px;
+  --bl-item-sm-gap: 10px;
+  --bl-item-sm-padding-x: 12px;
+  --bl-item-sm-padding-y: 10px;
+  --bl-item-title-font-size: 14px;
+  --bl-item-title-font-weight: 500;
+  --bl-item-title-line-height: 20px;
+  --bl-item-xs-content-gap: 0px;
+  --bl-item-xs-gap: 8px;
+  --bl-item-xs-padding-x: 10px;
+  --bl-item-xs-padding-y: 8px;
+  --bl-kbd-border-width: 0px;
+  --bl-kbd-font-size: 10px;
+  --bl-kbd-gap: 4px;
+  --bl-kbd-group-gap: 4px;
+  --bl-kbd-line-height: 12px;
+  --bl-kbd-min-width: 20px;
+  --bl-kbd-padding-x: 4px;
+  --bl-kbd-padding-y: 2px;
+  --bl-kbd-radius: 6px;
+  --bl-label-font-size: 14px;
+  --bl-label-font-weight: 600;
+  --bl-label-gap: 8px;
+  --bl-label-line-height: 20px;
+  --bl-layout-content-width: 768px;
+  --bl-layout-wide-width: 1280px;
+  --bl-media-caption-font-size: 14px;
+  --bl-media-caption-gap: 8px;
+  --bl-media-caption-line-height: 20px;
+  --bl-media-dialog-max-width: 896px;
+  --bl-media-play-button-icon-size: 24px;
+  --bl-media-play-button-inset: 12px;
+  --bl-media-play-button-radius: 9999px;
+  --bl-media-play-button-size: 56px;
+  --bl-meter-gap: 12px;
+  --bl-meter-label-font-size: 14px;
+  --bl-meter-label-font-weight: 500;
+  --bl-meter-label-line-height: 20px;
+  --bl-meter-track-height: 10px;
+  --bl-meter-track-radius: 9999px;
+  --bl-meter-value-font-size: 14px;
+  --bl-meter-value-line-height: 20px;
+  --bl-navigation-menu-content-border: color-mix(in oklab, var(--foreground) 10%, transparent);
+  --bl-navigation-menu-content-offset: 8px;
+  --bl-navigation-menu-content-padding: 4px;
+  --bl-navigation-menu-content-radius: 10px;
+  --bl-navigation-menu-link-background-active: color-mix(in oklab, var(--muted) 50%, transparent);
+  --bl-navigation-menu-link-description-gap: 4px;
+  --bl-navigation-menu-link-font-size: 14px;
+  --bl-navigation-menu-link-gap: 8px;
+  --bl-navigation-menu-link-icon-size: 16px;
+  --bl-navigation-menu-link-line-height: 20px;
+  --bl-navigation-menu-link-padding: 8px;
+  --bl-navigation-menu-link-radius: 8px;
+  --bl-navigation-menu-link-title-font-weight: 500;
+  --bl-navigation-menu-trigger-background-open: color-mix(in oklab, var(--muted) 50%, transparent);
+  --bl-navigation-menu-trigger-font-size: 14px;
+  --bl-navigation-menu-trigger-font-weight: 500;
+  --bl-navigation-menu-trigger-height: 36px;
+  --bl-navigation-menu-trigger-icon-gap: 4px;
+  --bl-navigation-menu-trigger-icon-size: 12px;
+  --bl-navigation-menu-trigger-line-height: 20px;
+  --bl-navigation-menu-trigger-padding-x: 10px;
+  --bl-navigation-menu-trigger-padding-y: 6px;
+  --bl-navigation-menu-trigger-radius: 10px;
+  --bl-overlap-ring-width: 2px;
+  --bl-pagination-bordered-border-width: 1px;
+  --bl-pagination-bordered-indicator-hover: color-mix(in oklab, var(--foreground) 20%, transparent);
+  --bl-pagination-bordered-indicator-width: 2px;
+  --bl-pagination-default-gap: 2px;
+  --bl-popover-border: color-mix(in oklab, var(--foreground) 10%, transparent);
+  --bl-popover-border-width: 1px;
+  --bl-popover-description-font-size: 14px;
+  --bl-popover-description-line-height: 20px;
+  --bl-popover-gap: 10px;
+  --bl-popover-header-gap: 2px;
+  --bl-popover-padding: 10px;
+  --bl-popover-radius: 10px;
+  --bl-popover-title-font-size: 14px;
+  --bl-popover-title-font-weight: 500;
+  --bl-popover-title-line-height: 20px;
+  --bl-popover-width: 288px;
+  --bl-progress-gap: 12px;
+  --bl-progress-label-font-size: 14px;
+  --bl-progress-label-font-weight: 500;
+  --bl-progress-label-line-height: 20px;
+  --bl-progress-track-height: 10px;
+  --bl-progress-track-radius: 9999px;
+  --bl-progress-value-font-size: 14px;
+  --bl-progress-value-line-height: 20px;
+  --bl-radio-dot-size: 8px;
+  --bl-radio-group-gap: 8px;
+  --bl-radio-size: 16px;
+  --bl-radius-2xl: 18px;
+  --bl-radius-3xl: 22px;
+  --bl-radius-4xl: 26px;
+  --bl-radius-full: 9999px;
+  --bl-radius-lg: 10px;
+  --bl-radius-md: 8px;
+  --bl-radius-sm: 6px;
+  --bl-radius-xl: 14px;
+  --bl-select-group-padding: 4px;
+  --bl-select-item-font-size: 14px;
+  --bl-select-item-gap: 6px;
+  --bl-select-item-icon-size: 16px;
+  --bl-select-item-line-height: 20px;
+  --bl-select-item-padding-x: 6px;
+  --bl-select-item-padding-y: 4px;
+  --bl-select-item-radius: 8px;
+  --bl-select-label-font-size: 10px;
+  --bl-select-label-line-height: 12px;
+  --bl-select-label-padding-x: 6px;
+  --bl-select-label-padding-y: 4px;
+  --bl-select-md-border-width: 1px;
+  --bl-select-md-font-size: 14px;
+  --bl-select-md-gap: 4px;
+  --bl-select-md-height: 32px;
+  --bl-select-md-icon-size: 20px;
+  --bl-select-md-line-height: 20px;
+  --bl-select-md-padding-x: 10px;
+  --bl-select-md-padding-y: 4px;
+  --bl-select-md-radius: 10px;
+  --bl-select-panel-border-width: 1px;
+  --bl-select-panel-padding: 4px;
+  --bl-select-panel-radius: 8px;
+  --bl-separator-thickness: 1px;
+  --bl-sheet-border-width: 1px;
+  --bl-sheet-close-inset: 12px;
+  --bl-sheet-description-font-size: 14px;
+  --bl-sheet-description-line-height: 20px;
+  --bl-sheet-footer-gap: 8px;
+  --bl-sheet-gap: 16px;
+  --bl-sheet-header-gap: 2px;
+  --bl-sheet-max-width: 384px;
+  --bl-sheet-padding: 16px;
+  --bl-sheet-title-font-size: 16px;
+  --bl-sheet-title-font-weight: 500;
+  --bl-sheet-title-line-height: 24px;
+  --bl-sidebar-border-width: 1px;
+  --bl-sidebar-floating-radius: 10px;
+  --bl-sidebar-gap: 8px;
+  --bl-sidebar-group-label-font-size: 12px;
+  --bl-sidebar-group-label-font-weight: 500;
+  --bl-sidebar-group-label-foreground: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
+  --bl-sidebar-group-label-height: 32px;
+  --bl-sidebar-group-label-line-height: 16px;
+  --bl-sidebar-group-label-padding-x: 8px;
+  --bl-sidebar-inset-margin: 8px;
+  --bl-sidebar-inset-radius: 14px;
+  --bl-sidebar-menu-badge-height: 20px;
+  --bl-sidebar-menu-badge-padding-x: 4px;
+  --bl-sidebar-menu-badge-radius: 8px;
+  --bl-sidebar-menu-button-font-weight-active: 500;
+  --bl-sidebar-menu-button-gap: 8px;
+  --bl-sidebar-menu-button-icon-size: 16px;
+  --bl-sidebar-menu-button-lg-font-size: 14px;
+  --bl-sidebar-menu-button-lg-height: 48px;
+  --bl-sidebar-menu-button-lg-line-height: 20px;
+  --bl-sidebar-menu-button-md-font-size: 14px;
+  --bl-sidebar-menu-button-md-height: 32px;
+  --bl-sidebar-menu-button-md-line-height: 20px;
+  --bl-sidebar-menu-button-padding: 8px;
+  --bl-sidebar-menu-button-radius: 8px;
+  --bl-sidebar-menu-button-sm-font-size: 12px;
+  --bl-sidebar-menu-button-sm-height: 28px;
+  --bl-sidebar-menu-button-sm-line-height: 16px;
+  --bl-sidebar-menu-sub-button-height: 28px;
+  --bl-sidebar-menu-sub-button-padding-x: 8px;
+  --bl-sidebar-menu-sub-gap: 4px;
+  --bl-sidebar-menu-sub-margin-x: 14px;
+  --bl-sidebar-menu-sub-padding-x: 10px;
+  --bl-sidebar-menu-sub-padding-y: 2px;
+  --bl-sidebar-padding: 8px;
+  --bl-sidebar-rail-width: 16px;
+  --bl-sidebar-width: 256px;
+  --bl-sidebar-width-icon: 48px;
+  --bl-sidebar-width-mobile: 288px;
+  --bl-spacing-responsive-2xl: 96px;
+  --bl-spacing-responsive-lg: 56px;
+  --bl-spacing-responsive-md: 40px;
+  --bl-spacing-responsive-sm: 32px;
+  --bl-spacing-responsive-xl: 80px;
+  --bl-spacing-responsive-xs: 24px;
+  --bl-spinner-size: 16px;
+  --bl-switch-border-width: 1px;
+  --bl-switch-md-thumb-radius: 9999px;
+  --bl-switch-md-thumb-size: 16px;
+  --bl-switch-md-width: 36px;
+  --bl-switch-padding: 2px;
+  --bl-switch-radius: 9999px;
+  --bl-switch-sm-thumb-radius: 9999px;
+  --bl-switch-sm-thumb-size: 12px;
+  --bl-switch-sm-width: 28px;
+  --bl-table-border-width: 1px;
+  --bl-table-caption-gap: 16px;
+  --bl-table-cell-padding-x: 8px;
+  --bl-table-cell-padding-y: 8px;
+  --bl-table-font-size: 14px;
+  --bl-table-footer-background: color-mix(in oklab, var(--muted) 50%, transparent);
+  --bl-table-head-font-weight: 500;
+  --bl-table-head-height: 40px;
+  --bl-table-line-height: 20px;
+  --bl-table-row-hover-background: color-mix(in oklab, var(--muted) 50%, transparent);
+  --bl-tabs-gap: 8px;
+  --bl-tabs-line-border-width: 1px;
+  --bl-tabs-line-indicator-hover: color-mix(in oklab, var(--foreground) 20%, transparent);
+  --bl-tabs-line-indicator-width: 2px;
+  --bl-tabs-list-gap-line: 4px;
+  --bl-tabs-list-height: 32px;
+  --bl-tabs-list-padding: 3px;
+  --bl-tabs-list-radius: 10px;
+  --bl-tabs-trigger-border-width: 1px;
+  --bl-tabs-trigger-font-size: 14px;
+  --bl-tabs-trigger-font-weight: 500;
+  --bl-tabs-trigger-foreground: color-mix(in oklab, var(--foreground) 60%, transparent);
+  --bl-tabs-trigger-gap: 6px;
+  --bl-tabs-trigger-icon-size: 16px;
+  --bl-tabs-trigger-line-height: 20px;
+  --bl-tabs-trigger-padding-x: 6px;
+  --bl-tabs-trigger-padding-x-icon: 4px;
+  --bl-tabs-trigger-padding-y: 2px;
+  --bl-tabs-trigger-radius: 8px;
+  --bl-text-2xl: 24px;
+  --bl-text-2xl--line-height: 32px;
+  --bl-text-2xs: 10px;
+  --bl-text-2xs--line-height: 12px;
+  --bl-text-3xl: 30px;
+  --bl-text-3xl--line-height: 36px;
+  --bl-text-4xl: 36px;
+  --bl-text-4xl--line-height: 40px;
+  --bl-text-5xl: 48px;
+  --bl-text-5xl--line-height: 48px;
+  --bl-text-6xl: 60px;
+  --bl-text-6xl--line-height: 60px;
+  --bl-text-7xl: 72px;
+  --bl-text-7xl--line-height: 72px;
+  --bl-text-8xl: 96px;
+  --bl-text-8xl--line-height: 96px;
+  --bl-text-9xl: 128px;
+  --bl-text-9xl--line-height: 128px;
+  --bl-text-lg: 18px;
+  --bl-text-lg--line-height: 28px;
+  --bl-text-md: 16px;
+  --bl-text-md--line-height: 24px;
+  --bl-text-responsive-2xl: 24px;
+  --bl-text-responsive-2xl--line-height: 32px;
+  --bl-text-responsive-3xl: 30px;
+  --bl-text-responsive-3xl--line-height: 36px;
+  --bl-text-responsive-4xl: 36px;
+  --bl-text-responsive-4xl--line-height: 40px;
+  --bl-text-responsive-5xl: 48px;
+  --bl-text-responsive-5xl--line-height: 48px;
+  --bl-text-responsive-6xl: 60px;
+  --bl-text-responsive-6xl--line-height: 60px;
+  --bl-text-responsive-7xl: 72px;
+  --bl-text-responsive-7xl--line-height: 72px;
+  --bl-text-responsive-lg: 18px;
+  --bl-text-responsive-lg--line-height: 28px;
+  --bl-text-responsive-md: 16px;
+  --bl-text-responsive-md--line-height: 24px;
+  --bl-text-responsive-sm: 14px;
+  --bl-text-responsive-sm--line-height: 20px;
+  --bl-text-responsive-xl: 20px;
+  --bl-text-responsive-xl--line-height: 28px;
+  --bl-text-responsive-xs: 12px;
+  --bl-text-responsive-xs--line-height: 16px;
+  --bl-text-sm: 14px;
+  --bl-text-sm--line-height: 20px;
+  --bl-text-xl: 20px;
+  --bl-text-xl--line-height: 28px;
+  --bl-text-xs: 12px;
+  --bl-text-xs--line-height: 16px;
+  --bl-textarea-md-border-width: 1px;
+  --bl-textarea-md-font-size: 14px;
+  --bl-textarea-md-gap: 4px;
+  --bl-textarea-md-line-height: 20px;
+  --bl-textarea-md-min-height: 64px;
+  --bl-textarea-md-padding-x: 10px;
+  --bl-textarea-md-padding-y: 8px;
+  --bl-textarea-md-radius: 10px;
+  --bl-toggle-border-width: 1px;
+  --bl-toggle-font-weight: 500;
+  --bl-toggle-group-gap: 8px;
+  --bl-toggle-lg-font-size: 14px;
+  --bl-toggle-lg-gap: 4px;
+  --bl-toggle-lg-height: 36px;
+  --bl-toggle-lg-icon-size: 16px;
+  --bl-toggle-lg-line-height: 20px;
+  --bl-toggle-lg-padding-x: 10px;
+  --bl-toggle-lg-padding-x-icon: 8px;
+  --bl-toggle-lg-radius: 10px;
+  --bl-toggle-md-font-size: 14px;
+  --bl-toggle-md-gap: 4px;
+  --bl-toggle-md-height: 32px;
+  --bl-toggle-md-icon-size: 16px;
+  --bl-toggle-md-line-height: 20px;
+  --bl-toggle-md-padding-x: 10px;
+  --bl-toggle-md-padding-x-icon: 8px;
+  --bl-toggle-md-radius: 10px;
+  --bl-toggle-sm-font-size: 14px;
+  --bl-toggle-sm-gap: 4px;
+  --bl-toggle-sm-height: 28px;
+  --bl-toggle-sm-icon-size: 14px;
+  --bl-toggle-sm-line-height: 20px;
+  --bl-toggle-sm-padding-x: 10px;
+  --bl-toggle-sm-padding-x-icon: 6px;
+  --bl-toggle-sm-radius: 8px;
+  --bl-tooltip-arrow-radius: 2px;
+  --bl-tooltip-arrow-size: 10px;
+  --bl-tooltip-font-size: 12px;
+  --bl-tooltip-gap: 6px;
+  --bl-tooltip-line-height: 16px;
+  --bl-tooltip-max-width: 320px;
+  --bl-tooltip-padding-end-kbd: 6px;
+  --bl-tooltip-padding-x: 12px;
+  --bl-tooltip-padding-y: 6px;
+  --bl-tooltip-radius: 8px;
+  --border: #e5e5e5;
+  --card: #ffffff;
+  --card-foreground: #0a0a0a;
+  --chart-1: #f54900;
+  --chart-2: #009689;
+  --chart-3: #104e64;
+  --chart-4: #ffb900;
+  --chart-5: #fe9a00;
+  --destructive: #e7000b;
+  --foreground: #0a0a0a;
+  --input: #e5e5e5;
+  --muted: #f5f5f5;
+  --muted-foreground: #737373;
+  --overlay: #0000001a;
+  --popover: #ffffff;
+  --popover-foreground: #0a0a0a;
+  --primary: #4f39f6;
+  --primary-foreground: #ffffff;
+  --ring: #4f39f640;
+  --ring-invalid: #e7000b33;
+  --secondary: #f5f5f5;
+  --secondary-foreground: #171717;
+  --sidebar: #fafafa;
+  --sidebar-accent: #f5f5f5;
+  --sidebar-accent-foreground: #171717;
+  --sidebar-border: #e5e5e5;
+  --sidebar-foreground: #0a0a0a;
+  --sidebar-primary: #4f39f6;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-ring: #4f39f640;
+}
+[data-scheme="scheme-1"] {
+  --accent: #f5f5f5;
+  --accent-foreground: #171717;
+  --background: #ffffff;
+  --border: #e5e5e5;
+  --card: #ffffff;
+  --card-foreground: #0a0a0a;
+  --chart-1: #f54900;
+  --chart-2: #009689;
+  --chart-3: #104e64;
+  --chart-4: #ffb900;
+  --chart-5: #fe9a00;
+  --destructive: #e7000b;
+  --foreground: #0a0a0a;
+  --input: #e5e5e5;
+  --muted: #f5f5f5;
+  --muted-foreground: #737373;
+  --overlay: #0000001a;
+  --popover: #ffffff;
+  --popover-foreground: #0a0a0a;
+  --primary: #4f39f6;
+  --primary-foreground: #ffffff;
+  --ring: #4f39f640;
+  --ring-invalid: #e7000b33;
+  --secondary: #f5f5f5;
+  --secondary-foreground: #171717;
+  --sidebar: #fafafa;
+  --sidebar-accent: #f5f5f5;
+  --sidebar-accent-foreground: #171717;
+  --sidebar-border: #e5e5e5;
+  --sidebar-foreground: #0a0a0a;
+  --sidebar-primary: #4f39f6;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-ring: #4f39f640;
+}
+[data-scheme="scheme-2"] {
+  --accent: #262626;
+  --accent-foreground: #fafafa;
+  --background: #0a0a0a;
+  --border: #262626;
+  --card: #171717;
+  --card-foreground: #fafafa;
+  --chart-1: #1447e6;
+  --chart-2: #00bc7d;
+  --chart-3: #fe9a00;
+  --chart-4: #ad46ff;
+  --chart-5: #ff2056;
+  --destructive: #ff6467;
+  --foreground: #fafafa;
+  --input: #262626;
+  --muted: #262626;
+  --muted-foreground: #a1a1a1;
+  --overlay: #0000001a;
+  --popover: #171717;
+  --popover-foreground: #fafafa;
+  --primary: #615fff;
+  --primary-foreground: #ffffff;
+  --ring: #615fff40;
+  --ring-invalid: #ff646733;
+  --secondary: #262626;
+  --secondary-foreground: #fafafa;
+  --sidebar: #171717;
+  --sidebar-accent: #262626;
+  --sidebar-accent-foreground: #fafafa;
+  --sidebar-border: #262626;
+  --sidebar-foreground: #fafafa;
+  --sidebar-primary: #615fff;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-ring: #615fff40;
+}
+[data-scheme="error"] {
+  --accent: #ffc9c9;
+  --accent-foreground: #82181a;
+  --background: #fef2f2;
+  --border: #ffc9c9;
+  --card: #ffe2e2;
+  --card-foreground: #82181a;
+  --chart-1: #2b7fff;
+  --chart-2: #00bc7d;
+  --chart-3: #fe9a00;
+  --chart-4: #ff2056;
+  --chart-5: #8e51ff;
+  --destructive: #c10007;
+  --foreground: #82181a;
+  --input: #ffc9c9;
+  --muted: #ffc9c9;
+  --muted-foreground: #e7000b;
+  --overlay: #0000001a;
+  --popover: #ffe2e2;
+  --popover-foreground: #82181a;
+  --primary: #c10007;
+  --primary-foreground: #ffffff;
+  --ring: #4f39f640;
+  --ring-invalid: #c1000733;
+  --secondary: #ffe2e2;
+  --secondary-foreground: #82181a;
+  --sidebar: #ffe2e2;
+  --sidebar-accent: #ffc9c9;
+  --sidebar-accent-foreground: #82181a;
+  --sidebar-border: #ffc9c9;
+  --sidebar-foreground: #82181a;
+  --sidebar-primary: #c10007;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-ring: #4f39f640;
+}
+[data-scheme="success"] {
+  --accent: #b9f8cf;
+  --accent-foreground: #0d542b;
+  --background: #f0fdf4;
+  --border: #b9f8cf;
+  --card: #dcfce7;
+  --card-foreground: #0d542b;
+  --chart-1: #2b7fff;
+  --chart-2: #00bc7d;
+  --chart-3: #fe9a00;
+  --chart-4: #ff2056;
+  --chart-5: #8e51ff;
+  --destructive: #c10007;
+  --foreground: #0d542b;
+  --input: #b9f8cf;
+  --muted: #b9f8cf;
+  --muted-foreground: #00a63e;
+  --overlay: #0000001a;
+  --popover: #dcfce7;
+  --popover-foreground: #0d542b;
+  --primary: #008236;
+  --primary-foreground: #ffffff;
+  --ring: #4f39f640;
+  --ring-invalid: #c1000733;
+  --secondary: #dcfce7;
+  --secondary-foreground: #0d542b;
+  --sidebar: #dcfce7;
+  --sidebar-accent: #b9f8cf;
+  --sidebar-accent-foreground: #0d542b;
+  --sidebar-border: #b9f8cf;
+  --sidebar-foreground: #0d542b;
+  --sidebar-primary: #008236;
+  --sidebar-primary-foreground: #ffffff;
+  --sidebar-ring: #4f39f640;
+}
+[data-scheme="warning"] {
+  --accent: #fee685;
+  --accent-foreground: #7b3306;
+  --background: #fffbeb;
+  --border: #fee685;
+  --card: #fef3c6;
+  --card-foreground: #7b3306;
+  --chart-1: #2b7fff;
+  --chart-2: #00bc7d;
+  --chart-3: #fe9a00;
+  --chart-4: #ff2056;
+  --chart-5: #8e51ff;
+  --destructive: #c10007;
+  --foreground: #7b3306;
+  --input: #fee685;
+  --muted: #fee685;
+  --muted-foreground: #e17100;
+  --overlay: #0000001a;
+  --popover: #fef3c6;
+  --popover-foreground: #7b3306;
+  --primary: #ffb900;
+  --primary-foreground: #461901;
+  --ring: #4f39f640;
+  --ring-invalid: #c1000733;
+  --secondary: #fef3c6;
+  --secondary-foreground: #7b3306;
+  --sidebar: #fef3c6;
+  --sidebar-accent: #fee685;
+  --sidebar-accent-foreground: #7b3306;
+  --sidebar-border: #fee685;
+  --sidebar-foreground: #7b3306;
+  --sidebar-primary: #ffb900;
+  --sidebar-primary-foreground: #461901;
+  --sidebar-ring: #4f39f640;
+}
+[data-scheme] {
+  --bl-accordion-background-hover: color-mix(in oklab, var(--primary) 3%, transparent);
+  --bl-accordion-background-open: color-mix(in oklab, var(--primary) 5%, transparent);
+  --bl-accordion-border-hover: color-mix(in oklab, var(--primary) 30%, transparent);
+  --bl-accordion-border-open: color-mix(in oklab, var(--primary) 30%, transparent);
+  --bl-accordion-foreground-hover: var(--card-foreground);
+  --bl-accordion-foreground-open: var(--card-foreground);
+  --bl-accordion-icon-hover: var(--muted-foreground);
+  --bl-accordion-icon-open: var(--muted-foreground);
+  --bl-alert-destructive-description-foreground: color-mix(in oklab, var(--destructive) 90%, transparent);
+  --bl-card-border: color-mix(in oklab, var(--foreground) 10%, transparent);
+  --bl-card-footer-background: color-mix(in oklab, var(--muted) 50%, transparent);
+  --bl-carousel-dot-background: color-mix(in oklab, var(--foreground) 20%, transparent);
+  --bl-dialog-border: color-mix(in oklab, var(--foreground) 10%, transparent);
+  --bl-dialog-footer-background: color-mix(in oklab, var(--muted) 50%, transparent);
+  --bl-dropdown-menu-border: color-mix(in oklab, var(--foreground) 10%, transparent);
+  --bl-dropdown-menu-item-destructive-focus-background: color-mix(in oklab, var(--destructive) 10%, transparent);
+  --bl-field-option-card-background-selected: color-mix(in oklab, var(--primary) 5%, transparent);
+  --bl-field-option-card-border-selected: color-mix(in oklab, var(--primary) 30%, transparent);
+  --bl-hover-card-border: color-mix(in oklab, var(--foreground) 10%, transparent);
+  --bl-item-muted-background: color-mix(in oklab, var(--muted) 50%, transparent);
+  --bl-navigation-menu-content-border: color-mix(in oklab, var(--foreground) 10%, transparent);
+  --bl-navigation-menu-link-background-active: color-mix(in oklab, var(--muted) 50%, transparent);
+  --bl-navigation-menu-trigger-background-open: color-mix(in oklab, var(--muted) 50%, transparent);
+  --bl-pagination-bordered-indicator-hover: color-mix(in oklab, var(--foreground) 20%, transparent);
+  --bl-popover-border: color-mix(in oklab, var(--foreground) 10%, transparent);
+  --bl-sidebar-group-label-foreground: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);
+  --bl-table-footer-background: color-mix(in oklab, var(--muted) 50%, transparent);
+  --bl-table-row-hover-background: color-mix(in oklab, var(--muted) 50%, transparent);
+  --bl-tabs-line-indicator-hover: color-mix(in oklab, var(--foreground) 20%, transparent);
+  --bl-tabs-trigger-foreground: color-mix(in oklab, var(--foreground) 60%, transparent);
+}
+@media (min-width: 768px) {
+  :root {
+    --bl-text-responsive-2xl: 30px;
+    --bl-text-responsive-2xl--line-height: 36px;
+    --bl-text-responsive-3xl: 36px;
+    --bl-text-responsive-3xl--line-height: 40px;
+    --bl-text-responsive-4xl: 48px;
+    --bl-text-responsive-4xl--line-height: 48px;
+    --bl-text-responsive-5xl: 60px;
+    --bl-text-responsive-5xl--line-height: 60px;
+    --bl-text-responsive-6xl: 72px;
+    --bl-text-responsive-6xl--line-height: 72px;
+    --bl-text-responsive-7xl: 96px;
+    --bl-text-responsive-7xl--line-height: 96px;
+    --bl-text-responsive-lg: 20px;
+    --bl-text-responsive-md: 18px;
+    --bl-text-responsive-md--line-height: 28px;
+    --bl-text-responsive-sm: 16px;
+    --bl-text-responsive-sm--line-height: 24px;
+    --bl-text-responsive-xl: 24px;
+    --bl-text-responsive-xl--line-height: 32px;
+    --bl-text-responsive-xs: 14px;
+    --bl-text-responsive-xs--line-height: 20px;
+  }
+}
+@media (min-width: 1024px) {
+  :root {
+    --bl-spacing-responsive-2xl: 128px;
+    --bl-spacing-responsive-lg: 76px;
+    --bl-spacing-responsive-md: 52px;
+    --bl-spacing-responsive-sm: 40px;
+    --bl-spacing-responsive-xl: 104px;
+    --bl-spacing-responsive-xs: 28px;
+    --bl-text-responsive-2xl: 36px;
+    --bl-text-responsive-2xl--line-height: 40px;
+    --bl-text-responsive-3xl: 48px;
+    --bl-text-responsive-3xl--line-height: 48px;
+    --bl-text-responsive-4xl: 60px;
+    --bl-text-responsive-4xl--line-height: 60px;
+    --bl-text-responsive-5xl: 72px;
+    --bl-text-responsive-5xl--line-height: 72px;
+    --bl-text-responsive-6xl: 96px;
+    --bl-text-responsive-6xl--line-height: 96px;
+    --bl-text-responsive-7xl: 128px;
+    --bl-text-responsive-7xl--line-height: 128px;
+    --bl-text-responsive-lg: 24px;
+    --bl-text-responsive-lg--line-height: 32px;
+    --bl-text-responsive-md: 20px;
+    --bl-text-responsive-sm: 18px;
+    --bl-text-responsive-sm--line-height: 28px;
+    --bl-text-responsive-xl: 30px;
+    --bl-text-responsive-xl--line-height: 36px;
+    --bl-text-responsive-xs: 16px;
+    --bl-text-responsive-xs--line-height: 24px;
+  }
+}
+@media (min-width: 1280px) {
+  :root {
+    --bl-spacing-responsive-2xl: 160px;
+    --bl-spacing-responsive-lg: 96px;
+    --bl-spacing-responsive-md: 64px;
+    --bl-spacing-responsive-sm: 48px;
+    --bl-spacing-responsive-xl: 128px;
+    --bl-spacing-responsive-xs: 32px;
+  }
+}
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --container-2xl: 672px;
+  --container-2xs: 288px;
+  --container-3xl: 768px;
+  --container-3xs: 256px;
+  --container-4xl: 896px;
+  --container-5xl: 1024px;
+  --container-6xl: 1152px;
+  --container-7xl: 1280px;
+  --container-lg: 512px;
+  --container-md: 448px;
+  --container-sm: 384px;
+  --container-xl: 576px;
+  --container-xs: 320px;
+  --font-heading: var(--bl-font-heading);
+  --font-mono: var(--bl-font-mono);
+  --font-sans: var(--bl-font-sans);
+  --radius-2xl: var(--bl-radius-2xl);
+  --radius-3xl: var(--bl-radius-3xl);
+  --radius-4xl: var(--bl-radius-4xl);
+  --radius-full: var(--bl-radius-full);
+  --radius-lg: var(--bl-radius-lg);
+  --radius-md: var(--bl-radius-md);
+  --radius-sm: var(--bl-radius-sm);
+  --radius-xl: var(--bl-radius-xl);
+  --spacing-responsive-2xl: var(--bl-spacing-responsive-2xl);
+  --spacing-responsive-lg: var(--bl-spacing-responsive-lg);
+  --spacing-responsive-md: var(--bl-spacing-responsive-md);
+  --spacing-responsive-sm: var(--bl-spacing-responsive-sm);
+  --spacing-responsive-xl: var(--bl-spacing-responsive-xl);
+  --spacing-responsive-xs: var(--bl-spacing-responsive-xs);
+  --text-2xl: var(--bl-text-2xl);
+  --text-2xl--line-height: var(--bl-text-2xl--line-height);
+  --text-2xs: var(--bl-text-2xs);
+  --text-2xs--line-height: var(--bl-text-2xs--line-height);
+  --text-3xl: var(--bl-text-3xl);
+  --text-3xl--line-height: var(--bl-text-3xl--line-height);
+  --text-4xl: var(--bl-text-4xl);
+  --text-4xl--line-height: var(--bl-text-4xl--line-height);
+  --text-5xl: var(--bl-text-5xl);
+  --text-5xl--line-height: var(--bl-text-5xl--line-height);
+  --text-6xl: var(--bl-text-6xl);
+  --text-6xl--line-height: var(--bl-text-6xl--line-height);
+  --text-7xl: var(--bl-text-7xl);
+  --text-7xl--line-height: var(--bl-text-7xl--line-height);
+  --text-8xl: var(--bl-text-8xl);
+  --text-8xl--line-height: var(--bl-text-8xl--line-height);
+  --text-9xl: var(--bl-text-9xl);
+  --text-9xl--line-height: var(--bl-text-9xl--line-height);
+  --text-lg: var(--bl-text-lg);
+  --text-lg--line-height: var(--bl-text-lg--line-height);
+  --text-md: var(--bl-text-md);
+  --text-md--line-height: var(--bl-text-md--line-height);
+  --text-responsive-2xl: var(--bl-text-responsive-2xl);
+  --text-responsive-2xl--line-height: var(--bl-text-responsive-2xl--line-height);
+  --text-responsive-3xl: var(--bl-text-responsive-3xl);
+  --text-responsive-3xl--line-height: var(--bl-text-responsive-3xl--line-height);
+  --text-responsive-4xl: var(--bl-text-responsive-4xl);
+  --text-responsive-4xl--line-height: var(--bl-text-responsive-4xl--line-height);
+  --text-responsive-5xl: var(--bl-text-responsive-5xl);
+  --text-responsive-5xl--line-height: var(--bl-text-responsive-5xl--line-height);
+  --text-responsive-6xl: var(--bl-text-responsive-6xl);
+  --text-responsive-6xl--line-height: var(--bl-text-responsive-6xl--line-height);
+  --text-responsive-7xl: var(--bl-text-responsive-7xl);
+  --text-responsive-7xl--line-height: var(--bl-text-responsive-7xl--line-height);
+  --text-responsive-lg: var(--bl-text-responsive-lg);
+  --text-responsive-lg--line-height: var(--bl-text-responsive-lg--line-height);
+  --text-responsive-md: var(--bl-text-responsive-md);
+  --text-responsive-md--line-height: var(--bl-text-responsive-md--line-height);
+  --text-responsive-sm: var(--bl-text-responsive-sm);
+  --text-responsive-sm--line-height: var(--bl-text-responsive-sm--line-height);
+  --text-responsive-xl: var(--bl-text-responsive-xl);
+  --text-responsive-xl--line-height: var(--bl-text-responsive-xl--line-height);
+  --text-responsive-xs: var(--bl-text-responsive-xs);
+  --text-responsive-xs--line-height: var(--bl-text-responsive-xs--line-height);
+  --text-sm: var(--bl-text-sm);
+  --text-sm--line-height: var(--bl-text-sm--line-height);
+  --text-xl: var(--bl-text-xl);
+  --text-xl--line-height: var(--bl-text-xl--line-height);
+  --text-xs: var(--bl-text-xs);
+  --text-xs--line-height: var(--bl-text-xs--line-height);
+}