/* Spacing, radii, borders, elevation, motion */
:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:24px;
--space-6:32px;
--space-7:48px;
--space-8:64px;
--space-9:96px;
--space-10:128px;

/* Radii — mostly square; pills for labels/buttons; soft radius on data cards */
--radius-none:0;
--radius-sm:4px;
--radius-md:8px;
--radius-lg:12px;
--radius-pill:999px;

/* Borders — hairlines + one heavy title rule */
--border-hair:1px;
--border-rule:2px;
--border-title:3px;

/* Elevation — the brand is flat; shadow only for floating UI (menus) */
--shadow-none:none;
--shadow-float:0 12px 32px rgba(0,0,0,.14);

/* Layout */
--container-max:1280px;
--gutter:clamp(20px,4vw,56px); /* @kind spacing */
--deck-rail-width:5.4%;

/* Motion — quiet, linear-ish fades and slides */
--ease-standard:cubic-bezier(.2,0,0,1); /* @kind other */
--duration-fast:150ms; /* @kind other */
--duration-base:250ms; /* @kind other */
--duration-slow:450ms; /* @kind other */
}