:root{
/* Spacing — 4px base */
--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 — near-square 1px softening on every corner; all buttons 2px (pill only for tags/switches) */
--radius-0:0;--radius-1:1px;--radius-pill:999px;
--radius-control:var(--radius-1);--radius-card:var(--radius-1);
--radius-button:2px;   /* every button: Button, IconButton */

/* Borders */
--border-width:1px; /* all borders are 1px; no accent rules */

/* Elevation — used sparingly; never on the logo */
--shadow-0:none;
--shadow-1:0 1px 2px rgba(34,35,35,.08);
--shadow-2:0 8px 24px rgba(34,35,35,.12);
--shadow-3:0 24px 48px rgba(0,38,62,.22);

/* Motion */
--ease-standard:cubic-bezier(.2,0,0,1); /* @kind other */
--ease-out:cubic-bezier(0,0,.2,1); /* @kind other */

--dur-fast:120ms; /* @kind other */
--dur-base:200ms; /* @kind other */
--dur-slow:360ms; /* @kind other */

/* Layout */
--container-max:1280px;--gutter:24px;--margin-page:64px;
--logo-min-screen:144px;--brandmark-min-screen:48px;--tagline-min-screen:96px;
}