:root {
	--bb-primary: #2c3e50;
	--bb-primary-ultra-light: #eff2f6;
	--bb-primary-light: #ced9e4;
	--bb-primary-hover: #3a526a;
	--bb-primary-dark: #2d4052;
	--bb-primary-ultra-dark: #121921;
	--bb-primary-trans-10: rgba(44, 62, 80, 0.1);
	--bb-primary-trans-20: rgba(44, 62, 80, 0.2);
	--bb-primary-trans-30: rgba(44, 62, 80, 0.3);
	--bb-primary-trans-40: rgba(44, 62, 80, 0.4);
	--bb-primary-trans-50: rgba(44, 62, 80, 0.5);
	--bb-primary-trans-60: rgba(44, 62, 80, 0.6);
	--bb-primary-trans-70: rgba(44, 62, 80, 0.7);
	--bb-primary-trans-80: rgba(44, 62, 80, 0.8);
	--bb-primary-trans-90: rgba(44, 62, 80, 0.9);
	--bb-secondary: #64748b;
	--bb-secondary-ultra-light: #f0f2f4;
	--bb-secondary-light: #d3d8df;
	--bb-secondary-hover: #536073;
	--bb-secondary-dark: #353e4a;
	--bb-secondary-ultra-dark: #15191e;
	--bb-secondary-trans-10: rgba(100, 116, 139, 0.1);
	--bb-secondary-trans-20: rgba(100, 116, 139, 0.2);
	--bb-secondary-trans-30: rgba(100, 116, 139, 0.3);
	--bb-secondary-trans-40: rgba(100, 116, 139, 0.4);
	--bb-secondary-trans-50: rgba(100, 116, 139, 0.5);
	--bb-secondary-trans-60: rgba(100, 116, 139, 0.6);
	--bb-secondary-trans-70: rgba(100, 116, 139, 0.7);
	--bb-secondary-trans-80: rgba(100, 116, 139, 0.8);
	--bb-secondary-trans-90: rgba(100, 116, 139, 0.9);
	--bb-accent: #e67e22;
	--bb-accent-ultra-light: #fcf2e8;
	--bb-accent-light: #f7d7ba;
	--bb-accent-hover: #c96a17;
	--bb-accent-dark: #733d0d;
	--bb-accent-ultra-dark: #2e1805;
	--bb-accent-trans-10: rgba(230, 126, 34, 0.1);
	--bb-accent-trans-20: rgba(230, 126, 34, 0.2);
	--bb-accent-trans-30: rgba(230, 126, 34, 0.3);
	--bb-accent-trans-40: rgba(230, 126, 34, 0.4);
	--bb-accent-trans-50: rgba(230, 126, 34, 0.5);
	--bb-accent-trans-60: rgba(230, 126, 34, 0.6);
	--bb-accent-trans-70: rgba(230, 126, 34, 0.7);
	--bb-accent-trans-80: rgba(230, 126, 34, 0.8);
	--bb-accent-trans-90: rgba(230, 126, 34, 0.9);
	--bb-base: #ffffff;
	--bb-base-ultra-light: #f2f2f2;
	--bb-base-light: #d9d9d9;
	--bb-base-hover: #ebebeb;
	--bb-base-dark: #404040;
	--bb-base-ultra-dark: #1a1a1a;
	--bb-base-trans-10: rgba(255, 255, 255, 0.1);
	--bb-base-trans-20: rgba(255, 255, 255, 0.2);
	--bb-base-trans-30: rgba(255, 255, 255, 0.3);
	--bb-base-trans-40: rgba(255, 255, 255, 0.4);
	--bb-base-trans-50: rgba(255, 255, 255, 0.5);
	--bb-base-trans-60: rgba(255, 255, 255, 0.6);
	--bb-base-trans-70: rgba(255, 255, 255, 0.7);
	--bb-base-trans-80: rgba(255, 255, 255, 0.8);
	--bb-base-trans-90: rgba(255, 255, 255, 0.9);
	--bb-neutral: #f8f9fa;
	--bb-neutral-ultra-light: #f0f2f4;
	--bb-neutral-light: #d2d9df;
	--bb-neutral-hover: #e0e5e9;
	--bb-neutral-dark: #35404a;
	--bb-neutral-ultra-dark: #15191e;
	--bb-neutral-trans-10: rgba(248, 249, 250, 0.1);
	--bb-neutral-trans-20: rgba(248, 249, 250, 0.2);
	--bb-neutral-trans-30: rgba(248, 249, 250, 0.3);
	--bb-neutral-trans-40: rgba(248, 249, 250, 0.4);
	--bb-neutral-trans-50: rgba(248, 249, 250, 0.5);
	--bb-neutral-trans-60: rgba(248, 249, 250, 0.6);
	--bb-neutral-trans-70: rgba(248, 249, 250, 0.7);
	--bb-neutral-trans-80: rgba(248, 249, 250, 0.8);
	--bb-neutral-trans-90: rgba(248, 249, 250, 0.9);
	--bb-black: #000000;
	--bb-white: #ffffff;
	--bb-text: #1a1a1a;
	--bb-text-muted: #35404a;
	--bb-background: #ffffff;
	--bb-background-alt: #f8f9fa;
	--bb-border: #d2d9df;
	--bb-status-color-published: #16803c;
	--bb-status-color-draft: #64748b;
	--bb-status-color-pending: #d97706;
	--bb-status-color-scheduled: #2563eb;
	--bb-status-color-private: #7c3aed;
	--bb-status-color-trash: #b42318;
	--bb-status-color-all: #475467;
	--bb-workspace-color-primary: #2563eb;
	--bb-workspace-color-primary-hover: #1d4ed8;
	--bb-workspace-color-primary-light-bg: #eff6ff;
	--bb-workspace-color-primary-light-border: #bfdbfe;
	--bb-workspace-color-on-primary: #ffffff;
	--bb-workspace-color-text: #172033;
	--bb-workspace-color-muted: #667085;
	--bb-workspace-color-bg: #f6f8fb;
	--bb-workspace-color-surface: #ffffff;
	--bb-workspace-color-surface-hover: #eef2f7;
	--bb-workspace-color-border: #d9e0ea;
	--bb-workspace-color-border-strong: #b9c4d3;
	--bb-workspace-status-published: var(--bb-status-color-published);
	--bb-workspace-status-draft: var(--bb-status-color-draft);
	--bb-workspace-status-pending: var(--bb-status-color-pending);
	--bb-workspace-status-scheduled: var(--bb-status-color-scheduled);
	--bb-workspace-status-private: var(--bb-status-color-private);
	--bb-workspace-status-trash: var(--bb-status-color-trash);
	--bb-workspace-status-all: var(--bb-status-color-all);
	--bb-workspace-radius-sm: 4px;
	--bb-workspace-radius-md: 8px;
	--bb-workspace-radius-lg: 12px;
	--bb-workspace-shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.06);
	--bb-workspace-shadow-md: 0 12px 32px rgba(16, 24, 40, 0.10);
	--bb-workspace-shadow-lg: 0 16px 40px rgba(16, 24, 40, 0.14);
	--bb-workspace-space-xs: 4px;
	--bb-workspace-space-sm: 8px;
	--bb-workspace-space-md: 16px;
	--bb-workspace-space-lg: 24px;
	--bb-workspace-space-xl: 32px;
	--bb-admin-color-primary: var(--bb-workspace-color-primary);
	--bb-admin-color-text: var(--bb-workspace-color-text);
	--bb-admin-color-text-muted: var(--bb-workspace-color-muted);
	--bb-admin-color-danger: #b42318;
	--bb-admin-color-danger-hover: #912018;
	--bb-admin-color-success: #16803c;
	--bb-admin-color-warning: #92400e;
	--bb-admin-color-bg: var(--bb-workspace-color-surface);
	--bb-admin-color-bg-hover: var(--bb-workspace-color-surface-hover);
	--bb-admin-color-border: var(--bb-workspace-color-border);
	--bb-admin-radius-sm: var(--bb-workspace-radius-sm);
	--bb-admin-shadow-md: var(--bb-workspace-shadow-md);
	--bb-admin-space-xs: var(--bb-workspace-space-xs);
	--bb-admin-space-sm: var(--bb-workspace-space-sm);
	--bb-admin-space-md: var(--bb-workspace-space-md);
	--bb-admin-space-lg: var(--bb-workspace-space-lg);
	--bb-admin-content-max-width: 920px;
	--bb-admin-field-padding-block-end: 14px;
	--bb-admin-text-control-label-weight: 600;
	--bb-admin-field-control-max-width: 640px;
	--bb-admin-field-column-min-width: 160px;
	--bb-admin-layout-json-min-height: 320px;
	--bb-admin-font-mono: ui-monospace, "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;
	--bb-font-body: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--bb-font-heading: var(--bb-font-body);
	--bb-font-weight-body: 400;
	--bb-font-weight-heading: 700;
	--bb-line-height-body: 1.6;
	--bb-line-height-heading: 1.2;
	--bb-viewport-min: 360px;
	--bb-content-width: 1366px;
	--bb-text-base: clamp(16px, calc(0.1988vw + 15.28px), 18px);
	--bb-text-base-mobile: 16px;
	--bb-type-scale: 1.618;
	--bb-text-body: var(--bb-text-base);
	--bb-text-body-mobile: var(--bb-text-base-mobile);
	--bb-heading-base: clamp(18px, calc(0.7952vw + 15.14px), 26px);
	--bb-heading-base-mobile: 18px;
	--bb-heading-scale: 1.333;
	--bb-heading-scale-mobile: 1.2;
	--bb-text-h6: clamp(18px, calc(0.7952vw + 15.14px), 26px);
	--bb-text-h6-mobile: 18px;
	--bb-text-h5: clamp(21.6px, calc(1.298vw + 16.93px), 34.66px);
	--bb-text-h5-mobile: 21.6px;
	--bb-text-h4: clamp(25.92px, calc(2.0158vw + 18.66px), 46.2px);
	--bb-text-h4-mobile: 25.92px;
	--bb-text-h3: clamp(31.1px, calc(3.0298vw + 20.2px), 61.58px);
	--bb-text-h3-mobile: 31.1px;
	--bb-text-h2: clamp(37.32px, calc(4.4499vw + 21.31px), 82.09px);
	--bb-text-h2-mobile: 37.32px;
	--bb-text-h1: clamp(44.79px, calc(6.4252vw + 21.66px), 109.43px);
	--bb-text-h1-mobile: 44.79px;
	--bb-text-xs: clamp(6.88px, calc(-0.421vw + 12.63px), 11.11px);
	--bb-text-xs-mobile: 11.11px;
	--bb-text-s: clamp(11.12px, calc(-0.2195vw + 14.12px), 13.33px);
	--bb-text-s-mobile: 13.33px;
	--bb-text-m: clamp(16px, calc(0.1988vw + 15.28px), 18px);
	--bb-text-m-mobile: 16px;
	--bb-text-l: clamp(19.2px, calc(0.9865vw + 15.65px), 29.12px);
	--bb-text-l-mobile: 19.2px;
	--bb-text-xl: clamp(23.04px, calc(2.3939vw + 14.42px), 47.12px);
	--bb-text-xl-mobile: 23.04px;
	--bb-text-xxl: clamp(27.65px, calc(4.8307vw + 10.26px), 76.24px);
	--bb-text-xxl-mobile: 27.65px;
	--bb-space-xs: clamp(13.33px, calc(-0.0172vw + 13.57px), 13.51px);
	--bb-space-s: clamp(18px, calc(0.1984vw + 17.29px), 20px);
	--bb-space-m: clamp(24px, calc(0.5964vw + 21.85px), 30px);
	--bb-space-l: clamp(31.99px, calc(1.293vw + 27.34px), 45px);
	--bb-space-xl: clamp(42.65px, calc(2.4706vw + 33.75px), 67.5px);
	--bb-space-2xl: clamp(56.85px, calc(4.4139vw + 40.96px), 101.25px);
	--bb-space-3xl: clamp(75.78px, calc(7.5645vw + 48.54px), 151.88px);
	--bb-section-space-s: clamp(54.01px, calc(2.5832vw + 44.71px), 80px);
	--bb-section-space-m: clamp(72px, calc(4.7714vw + 54.82px), 120px);
	--bb-section-space-l: clamp(95.98px, calc(8.3523vw + 65.91px), 180px);
	--bb-section-space-xl: clamp(127.94px, calc(14.1217vw + 77.1px), 270px);
	--bb-gutter: clamp(24px, calc(0.5964vw + 21.85px), 30px);
	--bb-section-padding-block: var(--bb-section-space-m);
	--bb-block-padding: var(--bb-section-padding-block);
	--bb-container-gap: var(--bb-space-xl);
	--bb-content-gap: var(--bb-space-m);
	--bb-grid-gap: var(--bb-space-m);
	--bb-radius-none: 0;
	--bb-radius-xs: 2px;
	--bb-radius-s: 4px;
	--bb-radius-m: 8px;
	--bb-radius-l: 12px;
	--bb-radius-xl: 16px;
	--bb-radius-2xl: 24px;
	--bb-radius-pill: 999px;
	--bb-radius-circle: 50%;
	--bb-radius-md: var(--bb-radius-m);
	--bb-radius-lg: var(--bb-radius-l);
	--bb-border-width: 1px;
	--bb-border-style: solid;
	--bb-border-color: var(--bb-border);
	--bb-button-padding-block: 0.5em;
	--bb-button-padding-inline: 1.25em;
	--bb-button-min-width: 140px;
	--bb-button-font-family: var(--bb-font-primary);
	--bb-button-font-size: var(--bb-text-m);
	--bb-button-line-height: 1;
	--bb-button-letter-spacing: 0;
	--bb-button-font-weight: 400;
	--bb-button-font-style: normal;
	--bb-button-text-transform: none;
	--bb-button-text-decoration: none;
	--bb-button-text-align: center;
	--bb-button-border-width: var(--bb-border-width);
	--bb-button-border-style: solid;
	--bb-button-outline-border-width: var(--bb-border-width);
	--bb-button-radius: var(--bb-radius-m);
	--bb-button-transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease, box-shadow 150ms ease;
	--bb-button-primary-font-family: var(--bb-button-font-family);
	--bb-button-primary-bg: var(--bb-primary);
	--bb-button-primary-text: var(--bb-white);
	--bb-button-primary-border: var(--bb-primary);
	--bb-button-primary-hover-bg: var(--bb-primary-hover);
	--bb-button-primary-hover-text: var(--bb-white);
	--bb-button-primary-hover-border: var(--bb-primary-hover);
	--bb-button-primary-dark-font-family: var(--bb-button-font-family);
	--bb-button-primary-dark-bg: var(--bb-primary-dark);
	--bb-button-primary-dark-text: var(--bb-white);
	--bb-button-primary-dark-border: var(--bb-primary-dark);
	--bb-button-primary-dark-hover-bg: var(--bb-primary-ultra-dark);
	--bb-button-primary-dark-hover-text: var(--bb-white);
	--bb-button-primary-dark-hover-border: var(--bb-primary-ultra-dark);
	--bb-button-primary-light-font-family: var(--bb-button-font-family);
	--bb-button-primary-light-bg: var(--bb-primary-ultra-light);
	--bb-button-primary-light-text: var(--bb-primary);
	--bb-button-primary-light-border: var(--bb-primary-ultra-light);
	--bb-button-primary-light-hover-bg: var(--bb-primary-light);
	--bb-button-primary-light-hover-text: var(--bb-primary);
	--bb-button-primary-light-hover-border: var(--bb-primary-light);
	--bb-bg-ultra-light: var(--bb-neutral-ultra-light);
	--bb-bg-ultra-light-text: var(--bb-text);
	--bb-bg-ultra-light-heading: var(--bb-heading);
	--bb-bg-ultra-light-link: var(--bb-primary);
	--bb-bg-ultra-light-link-hover: var(--bb-primary-hover);
	--bb-bg-ultra-light-focus: var(--bb-primary);
	--bb-bg-light: var(--bb-neutral);
	--bb-bg-light-text: var(--bb-text);
	--bb-bg-light-heading: var(--bb-heading);
	--bb-bg-light-link: var(--bb-primary);
	--bb-bg-light-link-hover: var(--bb-primary-hover);
	--bb-bg-light-focus: var(--bb-primary);
	--bb-bg-dark: var(--bb-neutral-dark);
	--bb-bg-dark-text: var(--bb-white);
	--bb-bg-dark-heading: var(--bb-white);
	--bb-bg-dark-link: var(--bb-primary-ultra-light);
	--bb-bg-dark-link-hover: var(--bb-primary-light);
	--bb-bg-dark-focus: var(--bb-primary-light);
	--bb-bg-ultra-dark: var(--bb-neutral-ultra-dark);
	--bb-bg-ultra-dark-text: var(--bb-white);
	--bb-bg-ultra-dark-heading: var(--bb-white);
	--bb-bg-ultra-dark-link: var(--bb-primary-ultra-light);
	--bb-bg-ultra-dark-link-hover: var(--bb-primary-light);
	--bb-bg-ultra-dark-focus: var(--bb-primary-light);
	--bb-space-sm: 0.5rem;
	--bb-space-md: 1rem;
	--bb-space-lg: 1.5rem;
}