: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;

--radius-sharp:0px;
--radius-xs:2px;
--radius-s:4px;
--radius-m:8px;
--radius-full:999px;

--border-hairline:1px solid var(--surface-border);
--border-strong:1px solid var(--surface-border-strong);
--border-inverse:1px solid oklch(100% 0 0 / 0.2); /* @kind other */

--shadow-card:0 1px 2px oklch(0% 0 0 / 0.04),0 8px 24px oklch(0% 0 0 / 0.06);
--shadow-elevated:0 4px 8px oklch(0% 0 0 / 0.05),0 24px 48px oklch(0% 0 0 / 0.10);

--ease-editorial:cubic-bezier(.4,0,.2,1); /* @kind other */
--duration-fast:150ms; /* @kind other */
--duration-base:280ms; /* @kind other */
--duration-slow:480ms; /* @kind other */

--content-max-width:1360px;
--container-pad:clamp(20px,4vw,64px);
}