:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:20px;
--space-6:24px;
--space-8:32px;
--space-10:40px;
--space-12:48px;
--space-16:64px;
--space-20:80px;
--space-24:96px;
--space-32:128px;

--radius-sm:2px;
--radius-md:3px;
--radius-lg:4px;
--radius-pill:999px;

/* Elevation. This system does NOT use a shadow scale for depth — surfaces separate by
   paper tint and hairline rule (see the Elevation card). Shadows exist only for elements
   that genuinely float above the page and must be dismissed: dropdowns, drawers, modals. */
--shadow-overlay:0 4px 16px oklch(from var(--ink) l c h / 0.10);
--shadow-drawer:0 0 40px oklch(from var(--ink) l c h / 0.18);

/* Deprecated aliases. Do not use in new work. */
--shadow-sm:none;
--shadow-md:var(--shadow-overlay);
--shadow-lg:var(--shadow-drawer);

--rule-hairline:1px solid var(--border-subtle);
--rule-strong:1px solid var(--border-strong);

--container-max:1120px;
--content-max:680px;
}