/* Spacing, radii, borders, shadows, layout */
:root{
--space-0:0;--space-px:1px;--space-0-5:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--space-40:160px;

--radius-0:0;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:28px;--radius-pill:999px;
--radius-button:var(--radius-pill);--radius-input:var(--radius-sm);--radius-card:var(--radius-md);--radius-media:var(--radius-lg);

--border-hairline:1px solid var(--border-1);--border-strong-line:1.5px solid var(--border-strong);

--shadow-0:none;
--shadow-1:0 1px 2px rgba(46,6,25,.06),0 1px 1px rgba(46,6,25,.04);
--shadow-2:0 6px 16px -6px rgba(46,6,25,.14),0 2px 4px rgba(46,6,25,.05);
--shadow-3:0 24px 48px -16px rgba(46,6,25,.24),0 4px 10px rgba(46,6,25,.06);
--shadow-brand:0 12px 28px -10px rgba(159,25,89,.55);

--container-max:1280px;--container-pad:clamp(20px,5vw,64px);--gutter:24px;--header-h:76px;
--section-y:clamp(64px,10vw,144px); /* @kind spacing */

--z-header:50; /* @kind other */
--z-overlay:90; /* @kind other */
--z-dialog:100; /* @kind other */
--z-toast:110; /* @kind other */
--z-tooltip:120; /* @kind other */

--blur-glass:saturate(140%) blur(14px); /* @kind other */
}