/* Spacing (4/8 px base), layout, radii, borders, shadows, z-index, motion, icons. */
:root{
--bh-space-0:0;--bh-space-1:4px;--bh-space-2:8px;--bh-space-3:12px;--bh-space-4:16px;--bh-space-5:20px;--bh-space-6:24px;--bh-space-8:32px;--bh-space-10:40px;--bh-space-12:48px;--bh-space-14:56px;--bh-space-16:64px;--bh-space-20:80px;--bh-space-24:96px;--bh-space-32:128px;
--bh-section-sm:clamp(48px,36px + 3cqi,64px);/* @kind spacing */
--bh-section-md:clamp(64px,44px + 5cqi,104px);/* @kind spacing */
--bh-section-lg:clamp(80px,52px + 7cqi,136px);/* @kind spacing */
--bh-stack-xs:var(--bh-space-2);--bh-stack-sm:var(--bh-space-4);--bh-stack-md:var(--bh-space-6);--bh-stack-lg:clamp(32px,24px + 2cqi,48px);/* @kind spacing */
/* Breakpoints (reference values; CSS vars can't be used inside @media/@container) */
--bh-bp-sm:360px;--bh-bp-md:768px;--bh-bp-lg:1024px;--bh-bp-xl:1280px;--bh-bp-2xl:1440px;
--bh-container-max:1200px;--bh-container-wide:1360px;--bh-container-text:720px;
--bh-page-margin:clamp(20px,4cqi,40px);/* @kind spacing */
--bh-gutter:clamp(16px,2.4cqi,32px);/* @kind spacing */
--bh-columns:12;/* @kind other */
--bh-header-h:64px;
/* Radii — by role, not uniform */
--bh-radius-0:0;--bh-radius-xs:2px;--bh-radius-sm:4px;--bh-radius-md:6px;--bh-radius-lg:10px;--bh-radius-xl:14px;--bh-radius-pill:999px;
/* Borders */
--bh-border-1:1px;--bh-border-2:2px;--bh-focus-width:2px;--bh-focus-offset:2px;
/* Z-index */
--bh-z-base:0;/* @kind other */--bh-z-raised:10;/* @kind other */--bh-z-sticky:100;/* @kind other */--bh-z-dropdown:200;/* @kind other */--bh-z-drawer:300;/* @kind other */--bh-z-overlay:400;/* @kind other */--bh-z-modal:500;/* @kind other */--bh-z-toast:600;/* @kind other */--bh-z-cookie:700;/* @kind other */
/* Motion */
--bh-dur-instant:80ms;/* @kind other */--bh-dur-fast:140ms;/* @kind other */--bh-dur-base:200ms;/* @kind other */--bh-dur-slow:320ms;/* @kind other */
--bh-ease-standard:cubic-bezier(.2,0,0,1);/* @kind other */--bh-ease-out:cubic-bezier(.16,1,.3,1);/* @kind other */--bh-ease-in:cubic-bezier(.4,0,1,1);/* @kind other */
/* Icons — Lucide, single stroke */
--bh-icon-xs:14px;--bh-icon-sm:16px;--bh-icon-md:20px;--bh-icon-lg:24px;--bh-icon-xl:32px;--bh-icon-stroke:1.75;
--bh-target-min:44px;
}
/* Shadows — only 3 roles. Re-declared per theme scope so rgb(--bh-shadow-color) resolves inside [data-theme]. */
:root,[data-theme]{--bh-shadow-none:none;--bh-shadow-frame:0 1px 2px rgb(var(--bh-shadow-color) / .06),0 18px 40px -18px rgb(var(--bh-shadow-color) / .28);--bh-shadow-overlay:0 2px 6px rgb(var(--bh-shadow-color) / .08),0 16px 36px -10px rgb(var(--bh-shadow-color) / .24);--bh-shadow-sticky:0 1px 0 var(--bh-color-border)}
@media (prefers-reduced-motion:reduce){:root{--bh-dur-instant:0ms;/* @kind other */--bh-dur-fast:0ms;/* @kind other */--bh-dur-base:0ms;/* @kind other */--bh-dur-slow:0ms;/* @kind other */}}