: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;
--page-margin:clamp(24px,6vw,96px);
--content-max:1200px;
--measure:68ch; /* @kind spacing */

/* Radii — Solskin is square. 0 everywhere; 2px only for tiny controls where anti-aliasing needs it. */
--radius-0:0;--radius-xs:2px;--radius-round:999px;/* round: switch thumbs & radio dots only */

/* Borders */
--border-w-hair:1px;--border-w-rule:1px;--border-w-strong:2px;
--rule:1px solid var(--border-rule); /* @kind other */
--hairline:1px solid var(--border-hairline); /* @kind other */

/* Elevation — the brand is flat. Shadows only for floating layers. */
--shadow-none:none;
--shadow-float:0 12px 32px -12px rgba(36,35,35,.28);
--shadow-overlay:0 24px 60px -20px rgba(36,35,35,.35);

/* Motion — slow, mechanical, like panels tracking the sun */
--ease-standard:cubic-bezier(.2,0,0,1); /* @kind other */
--ease-track:cubic-bezier(.45,0,.2,1); /* @kind other */
--dur-fast:120ms; /* @kind other */
--dur-base:220ms; /* @kind other */
--dur-slow:480ms; /* @kind other */
--dur-track:900ms; /* @kind other */

--z-header:50; /* @kind other */
--z-overlay:100; /* @kind other */
--z-toast:150; /* @kind other */
}