: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-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: var(--bb-space-m);
	--bb-block-padding: var(--bb-section-space-m);
	--bb-container-gap: var(--bb-space-xl);
	--bb-content-gap: var(--bb-space-m);
	--bb-grid-gap: var(--bb-space-m);
	--bb-radius-md: 0.5rem;
	--bb-radius-lg: 0.75rem;
	--bb-space-sm: 0.5rem;
	--bb-space-md: 1rem;
	--bb-space-lg: 1.5rem;
}