: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;
--container-max:1240px;
--container-pad:clamp(20px,5vw,56px);
--grid-columns:12; /* @kind other */
--grid-gutter:24px;
--reading-max:720px;
--header-height:76px;

/* Small or square radii — never app-like */
--radius-0:0;--radius-1:2px;--radius-2:4px;
--radius-control:2px;--radius-card:2px;--radius-tag:2px;

--shadow-none:none;
--shadow-subtle:0 1px 2px rgba(46,48,45,.06),0 0 0 1px rgba(46,48,45,.06);
--shadow-raised:0 6px 24px -12px rgba(46,48,45,.28),0 0 0 1px rgba(46,48,45,.06);

--rule-width:2px;
--border-width:1px;

--ease-standard:cubic-bezier(.2,0,0,1); /* @kind other */
--duration-fast:120ms; /* @kind other */
--duration-base:200ms; /* @kind other */
--duration-slow:320ms; /* @kind other */
}