/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --bb-v2-color-surface-canvas: #F8FAFC;
  --bb-v2-color-surface-surface: #F8FAFC;
  --bb-v2-color-surface-subtle: #E2E8F0;
  --bb-v2-color-surface-raised: #F8FAFC;
  --bb-v2-color-surface-sunken: #E2E8F0;
  --bb-v2-color-surface-overlay: #F8FAFC;
  --bb-v2-color-surface-inverse: #1E293B;
  --bb-v2-color-surface-disabled: #CBD5E1;
  --bb-v2-color-surface-scrim: #000000;
  --bb-v2-color-content-primary: #0F172A;
  --bb-v2-color-content-secondary: #475569;
  --bb-v2-color-content-tertiary: #475569;
  --bb-v2-color-content-placeholder: #94A3B8;
  --bb-v2-color-content-disabled: #94A3B8;
  --bb-v2-color-content-inverse: #F1F5F9;
  --bb-v2-color-content-brand: #4F46E5;
  --bb-v2-color-content-link: #0EA5E9;
  --bb-v2-color-content-link-visited: #7C3AED;
  --bb-v2-color-border-subtle: #CBD5E1;
  --bb-v2-color-border-default: #94A3B8;
  --bb-v2-color-border-strong: #475569;
  --bb-v2-color-border-disabled: #CBD5E1;
  --bb-v2-color-border-divider: #CBD5E1;
  --bb-v2-color-border-focus-ring: #4F46E5;
  --bb-v2-color-border-focus-ring-offset: #F8FAFC;
  --bb-v2-color-interaction-action: #4F46E5;
  --bb-v2-color-interaction-on-action: #FFFFFF;
  --bb-v2-color-interaction-action-hover: #4F46E5;
  --bb-v2-color-interaction-action-pressed: #4F46E5;
  --bb-v2-color-interaction-selected: #E0E7FF;
  --bb-v2-color-interaction-on-selected: #1E1B4B;
  --bb-v2-color-interaction-selection: #EDE9FE;
  --bb-v2-color-interaction-on-selection: #2E1065;
  --bb-v2-color-interaction-caret: #4F46E5;
  --bb-v2-color-interaction-drop-target: #0EA5E9;
  --bb-v2-color-interaction-drag-preview: #E0F2FE;
  --bb-v2-color-status-info-surface: #E0F2FE;
  --bb-v2-color-status-info-content: #0C4A6E;
  --bb-v2-color-status-info-border: #0EA5E9;
  --bb-v2-color-status-success-surface: #DCFCE7;
  --bb-v2-color-status-success-content: #14532D;
  --bb-v2-color-status-success-border: #16A34A;
  --bb-v2-color-status-warning-surface: #FEF3C7;
  --bb-v2-color-status-warning-content: #78350F;
  --bb-v2-color-status-warning-border: #B45309;
  --bb-v2-color-status-danger-surface: #F9DEDC;
  --bb-v2-color-status-danger-content: #410E0B;
  --bb-v2-color-status-danger-border: #B3261E;
  --bb-v2-button-current-color-hover-filter: drop-shadow(0 0 5px color-mix(in srgb, currentColor 62%, transparent));
  --bb-v2-identity-primary: #4F46E5;
  --bb-v2-identity-primary-foreground: #FFFFFF;
  --bb-v2-identity-secondary: #E0E7FF;
  --bb-v2-identity-secondary-foreground: #1E1B4B;
  --bb-v2-identity-accent: #0EA5E9;
  --bb-v2-identity-accent-foreground: #002F50;
  --bb-v2-identity-neutral: #F8FAFC;
  --bb-v2-identity-neutral-foreground: #0F172A;
  --bb-v2-font-family-primary: Inter;
  --bb-v2-font-family-mono: JetBrains Mono;
  --bb-v2-font-family-accent: Plus Jakarta Sans;
  --bb-v2-type-display-font-size: 36px;
  --bb-v2-type-display-font-weight: 700;
  --bb-v2-type-display-line-height: 1.22;
  --bb-v2-type-display-letter-spacing: -0.007em;
  --bb-v2-type-display-family: Plus Jakarta Sans;
  --bb-v2-type-headline-font-size: 28px;
  --bb-v2-type-headline-font-weight: 600;
  --bb-v2-type-headline-line-height: 1.29;
  --bb-v2-type-headline-letter-spacing: 0em;
  --bb-v2-type-headline-family: Plus Jakarta Sans;
  --bb-v2-type-title-font-size: 22px;
  --bb-v2-type-title-font-weight: 500;
  --bb-v2-type-title-line-height: 1.27;
  --bb-v2-type-title-letter-spacing: 0em;
  --bb-v2-type-title-family: Plus Jakarta Sans;
  --bb-v2-type-body-font-size: 16px;
  --bb-v2-type-body-font-weight: 400;
  --bb-v2-type-body-line-height: 1.5;
  --bb-v2-type-body-letter-spacing: 0.031em;
  --bb-v2-type-body-family: Inter;
  --bb-v2-type-body-compact-font-size: 14px;
  --bb-v2-type-body-compact-font-weight: 400;
  --bb-v2-type-body-compact-line-height: 1.43;
  --bb-v2-type-body-compact-letter-spacing: 0.018em;
  --bb-v2-type-body-compact-family: Inter;
  --bb-v2-type-label-font-size: 14px;
  --bb-v2-type-label-font-weight: 500;
  --bb-v2-type-label-line-height: 1.43;
  --bb-v2-type-label-letter-spacing: 0.007em;
  --bb-v2-type-label-family: Inter;
  --bb-v2-type-caption-font-size: 12px;
  --bb-v2-type-caption-font-weight: 400;
  --bb-v2-type-caption-line-height: 1.33;
  --bb-v2-type-caption-letter-spacing: 0.033em;
  --bb-v2-type-caption-family: Inter;
  --bb-v2-type-code-inline-font-size: 14px;
  --bb-v2-type-code-inline-font-weight: 500;
  --bb-v2-type-code-inline-line-height: 1.43;
  --bb-v2-type-code-inline-letter-spacing: 0em;
  --bb-v2-type-code-inline-family: JetBrains Mono;
  --bb-v2-type-code-block-font-size: 14px;
  --bb-v2-type-code-block-font-weight: 500;
  --bb-v2-type-code-block-line-height: 1.55;
  --bb-v2-type-code-block-letter-spacing: 0em;
  --bb-v2-type-code-block-family: JetBrains Mono;
  --bb-v2-type-terminal-font-size: 14px;
  --bb-v2-type-terminal-font-weight: 500;
  --bb-v2-type-terminal-line-height: 1.45;
  --bb-v2-type-terminal-letter-spacing: 0.01em;
  --bb-v2-type-terminal-family: JetBrains Mono;
  --bb-v2-type-metric-font-size: 24px;
  --bb-v2-type-metric-font-weight: 700;
  --bb-v2-type-metric-line-height: 1.17;
  --bb-v2-type-metric-letter-spacing: 0em;
  --bb-v2-type-metric-family: Plus Jakarta Sans;
  --bb-v2-type-editorial-body-font-size: 18px;
  --bb-v2-type-editorial-body-font-weight: 400;
  --bb-v2-type-editorial-body-line-height: 1.56;
  --bb-v2-type-editorial-body-letter-spacing: 0em;
  --bb-v2-type-editorial-body-family: Inter;
  --bb-v2-type-editorial-heading-font-size: 24px;
  --bb-v2-type-editorial-heading-font-weight: 600;
  --bb-v2-type-editorial-heading-line-height: 1.33;
  --bb-v2-type-editorial-heading-letter-spacing: 0em;
  --bb-v2-type-editorial-heading-family: Plus Jakarta Sans;
  --bb-v2-type-display-large-font-size: 44px;
  --bb-v2-type-display-large-font-weight: 700;
  --bb-v2-type-display-large-line-height: 1.1;
  --bb-v2-type-display-large-letter-spacing: -0.01em;
  --bb-v2-type-display-large-family: Plus Jakarta Sans;
  --bb-v2-button-small-min-height: 40px;
  --bb-v2-button-small-padding-inline: 12px;
  --bb-v2-button-small-gap: 6px;
  --bb-v2-button-small-icon-size: 16px;
  --bb-v2-button-medium-min-height: 40px;
  --bb-v2-button-medium-padding-inline: 16px;
  --bb-v2-button-medium-gap: 8px;
  --bb-v2-button-medium-icon-size: 18px;
  --bb-v2-button-large-min-height: 48px;
  --bb-v2-button-large-padding-inline: 20px;
  --bb-v2-button-large-gap: 10px;
  --bb-v2-button-large-icon-size: 20px;
  --bb-v2-button-shape-radius: 4px;
  --bb-v2-button-shape-cut: 0px;
  --bb-v2-button-depth-rest: 0 1px 2px color-mix(in srgb, var(--bb-v2-color-surface-scrim) 18%, transparent);
  --bb-v2-button-depth-hover: 0 4px 10px color-mix(in srgb, var(--bb-v2-color-surface-scrim) 22%, transparent);
  --bb-v2-button-depth-pressed: none;
  --bb-v2-button-transition-duration: 140ms;
  --bb-v2-button-transition-easing: ease;
  --bb-v2-button-reduced-duration: 0ms;
  --bb-v2-button-text-transform: none;
  --bb-v2-button-hover-transform: none;
  --bb-v2-button-pressed-transform: none;
  --bb-v2-button-loading-duration: 700ms;
  --bb-marketing-page-canvas: #F8FAFC;
  --bb-marketing-chrome-background: #000000;
  --bb-marketing-chrome-accent: #4F46E5;
  --bb-marketing-chrome-on-accent: #FFFFFF;
  --bb-marketing-chrome-navigation: #0F172A;
  --bb-marketing-chrome-meta-font: Inter;
  --bb-marketing-hero-icon-glow: #0EA5E9;
  --bb-marketing-portfolio-glow-far: #00FFFF;
  --bb-marketing-portfolio-panel: #111111;
  --bb-marketing-portfolio-body-text: #CCCCCC;
  --bb-marketing-portfolio-client-text: #AAAAAA;
  --bb-marketing-content-panel-surface: #F8FAFC;
  --bb-marketing-content-body-text: #475569;
  --bb-marketing-form-field-surface: #E2E8F0;
  --bb-marketing-form-field-content: #0F172A;
  --bb-marketing-form-field-border: #94A3B8;
  --bb-marketing-form-field-focus: #4F46E5;
  --bb-marketing-form-field-error: #B3261E;
  --bb-marketing-form-field-inset-glow: #4F46E5;
  --bb-marketing-form-field-error-glow: #B3261E;
  --bb-marketing-highlight: #0F172A;
  --bb-marketing-store-badge-surface: #FFFFFF;
  --bb-marketing-store-badge-content: #0B1120;
  --bb-marketing-terminal-blend: #E2E8F0;
  --bb-marketing-plan-content: #F5F7FA;
  --bb-marketing-plan-free-surface: #23272F;
  --bb-marketing-plan-free-border: #3C434E;
  --bb-marketing-plan-free-label: #C9D2DC;
  --bb-marketing-plan-monthly-surface-start: #3B414A;
  --bb-marketing-plan-monthly-surface-end: #2D333C;
  --bb-marketing-plan-monthly-border: #8D98A5;
  --bb-marketing-plan-monthly-label: #DBE3EB;
  --bb-marketing-plan-yearly-surface: #3A2D11;
  --bb-marketing-plan-yearly-border: #F0C453;
  --bb-marketing-plan-yearly-label: #F0C453;
  --bb-marketing-plan-positive: #2ECC71;
  --bb-marketing-plan-negative: #E53935;
  --bb-radius-none: 0px;
  --bb-radius-xs: 2px;
  --bb-radius-sm: 4px;
  --bb-radius-md: 8px;
  --bb-radius-lg: 12px;
  --bb-radius-xl: 16px;
  --bb-radius-2xl: 24px;
  --bb-radius-full: 9999px;
  --bb-shadow-none: none;
  --bb-shadow-sm: 0 1px 2px 0 rgba(0,0,0,0.05);
  --bb-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
  --bb-shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
  --bb-shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);
  --bb-spacing-0: 0px;
  --bb-spacing-1: 4px;
  --bb-spacing-2: 8px;
  --bb-spacing-3: 12px;
  --bb-spacing-4: 16px;
  --bb-spacing-5: 20px;
  --bb-spacing-6: 24px;
  --bb-spacing-8: 32px;
  --bb-spacing-10: 40px;
  --bb-spacing-12: 48px;
  --bb-spacing-16: 64px;
  --bb-spacing-20: 80px;
  --bb-spacing-24: 96px;
  --bb-font-family-display: Plus Jakarta Sans;
  --bb-font-family-body: Inter;
  --bb-font-family-mono: JetBrains Mono;
  --bb-font-family-terminal: JetBrains Mono;
  --bb-font-size-xs: 12px;
  --bb-font-size-sm: 14px;
  --bb-font-size-md: 16px;
  --bb-font-size-lg: 18px;
  --bb-font-size-xl: 20px;
  --bb-font-size-2xl: 24px;
  --bb-font-size-3xl: 30px;
  --bb-font-size-4xl: 36px;
  --bb-font-size-5xl: 48px;
  --bb-font-weight-regular: 400;
  --bb-font-weight-medium: 500;
  --bb-font-weight-semibold: 600;
  --bb-font-weight-bold: 700;
  --bb-font-line-height-tight: 1.25;
  --bb-font-line-height-normal: 1.5;
  --bb-font-line-height-relaxed: 1.75;
  --bb-opacity-action-icon-inactive: 0.40;
  --bb-interface-workspace-background: #F8FAFC;
  --bb-interface-workspace-stage-checker-strong: #F8FAFC;
  --bb-interface-workspace-stage-checker-soft: #E2E8F0;
  --bb-interface-workspace-selection-signal: #4F46E5;
  --bb-interface-control-foreground: #0F172A;
  --bb-interface-control-hover-foreground: #0F172A;
  --bb-interface-control-disabled-foreground: #475569;
  --bb-interface-control-focus-ring: #4F46E5;
  --bb-interface-button-hover-background: radial-gradient(ellipse at center, color-mix(in srgb, #4F46E5 1%, transparent) 0%, color-mix(in srgb, #4F46E5 1%, transparent) 72%, color-mix(in srgb, #4F46E5 4%, transparent) 84%, color-mix(in srgb, #4F46E5 14%, transparent) 96%, color-mix(in srgb, #4F46E5 7%, transparent) 100%);
  --bb-interface-button-hover-shadow: inset 0 0 11px color-mix(in srgb, #4F46E5 8%, transparent), 0 0 12px color-mix(in srgb, #4F46E5 10%, transparent);
  --bb-interface-button-hover-text-shadow: 0 0 8px color-mix(in srgb, #4F46E5 20%, transparent);
  --bb-interface-button-hover-foreground: #0F172A;
  --bb-interface-button-hover-filter: none;
  --bb-interface-button-pressed-background: radial-gradient(ellipse at center, color-mix(in srgb, #4F46E5 2%, transparent) 0%, color-mix(in srgb, #4F46E5 2%, transparent) 56%, color-mix(in srgb, #4F46E5 8%, transparent) 70%, color-mix(in srgb, #4F46E5 20%, transparent) 88%, color-mix(in srgb, #4F46E5 28%, transparent) 97%, color-mix(in srgb, #4F46E5 14%, transparent) 100%);
  --bb-interface-button-pressed-shadow: inset 0 0 14px color-mix(in srgb, #4F46E5 18%, transparent), 0 0 14px color-mix(in srgb, #4F46E5 15%, transparent);
  --bb-interface-button-pressed-text-shadow: 0 0 10px color-mix(in srgb, #4F46E5 32%, transparent);
  --bb-interface-button-pressed-foreground: #0F172A;
  --bb-interface-button-pressed-filter: none;
  --bb-interface-button-plain-icon-rest-filter: drop-shadow(0 0 2px color-mix(in srgb, var(--bb-v2-identity-primary) 18%, transparent));
  --bb-interface-button-plain-icon-hover-filter: drop-shadow(0 0 5px color-mix(in srgb, var(--bb-v2-identity-primary) 62%, transparent));
  --bb-interface-button-plain-icon-hover-foreground: var(--bb-v2-identity-primary);
  --bb-interface-interaction-hover-background: radial-gradient(ellipse at center, color-mix(in srgb, #4F46E5 1%, transparent) 0%, color-mix(in srgb, #4F46E5 1%, transparent) 72%, color-mix(in srgb, #4F46E5 4%, transparent) 84%, color-mix(in srgb, #4F46E5 14%, transparent) 96%, color-mix(in srgb, #4F46E5 7%, transparent) 100%);
  --bb-interface-interaction-hover-shadow: inset 0 0 11px color-mix(in srgb, #4F46E5 8%, transparent), 0 0 12px color-mix(in srgb, #4F46E5 10%, transparent);
  --bb-interface-interaction-hover-text-shadow: 0 0 8px color-mix(in srgb, #4F46E5 20%, transparent);
  --bb-interface-interaction-pressed-background: radial-gradient(ellipse at center, color-mix(in srgb, #4F46E5 2%, transparent) 0%, color-mix(in srgb, #4F46E5 2%, transparent) 56%, color-mix(in srgb, #4F46E5 8%, transparent) 70%, color-mix(in srgb, #4F46E5 20%, transparent) 88%, color-mix(in srgb, #4F46E5 28%, transparent) 97%, color-mix(in srgb, #4F46E5 14%, transparent) 100%);
  --bb-interface-interaction-pressed-shadow: inset 0 0 14px color-mix(in srgb, #4F46E5 18%, transparent), 0 0 14px color-mix(in srgb, #4F46E5 15%, transparent);
  --bb-interface-interaction-pressed-text-shadow: 0 0 10px color-mix(in srgb, #4F46E5 32%, transparent);
  --bb-interface-scrollbar-thumb: color-mix(in srgb, #4F46E5 82%, transparent);
  --bb-interface-scrollbar-track: color-mix(in srgb, #F8FAFC 64%, transparent);
  --bb-interface-scrollbar-border: color-mix(in srgb, #F8FAFC 78%, transparent);
  --bb-interface-scrollbar-highlight: color-mix(in srgb, #0F172A 22%, transparent);
  --bb-interface-menu-background: color-mix(in srgb, #F8FAFC 98%, transparent);
  --bb-interface-menu-border: color-mix(in srgb, #4F46E5 28%, transparent);
  --bb-interface-menu-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);
  --bb-interface-menu-muted-foreground: #475569;
  --bb-interface-menu-meta-foreground: #475569;
  --bb-interface-menu-disabled-foreground: color-mix(in srgb, #475569 42%, transparent);
  --bb-interface-menu-divider: color-mix(in srgb, #4F46E5 18%, transparent);
  --bb-interface-menu-scrollbar-thumb: color-mix(in srgb, #4F46E5 82%, transparent);
  --bb-interface-menu-scrollbar-track: color-mix(in srgb, #F8FAFC 64%, transparent);
  --bb-interface-motion-quick-duration: 140ms;
  --bb-interface-motion-quick-easing: ease;
}