/* ONE radius system, at most three steps (VISUAL_DESIGN.md §8.2). The band is
   0-4px: technical / editorial. Pill is reserved for elements that are semantically
   pills. Not 0px — the repo names "broadsheet hairlines + zero radius" as one of three
   current AI defaults (§10.2), so the register is chosen, and 2px is the choice.
   Nested corners: inner radius = outer minus padding, never the same token. */
:root{
--radius-sm:2px;
--radius-md:4px;
--radius-pill:999px;

/* ONE elevation model. Borders, not shadows — never both on the same element class
   (lane 01 row 12). Shadow exists only for things in the top layer, where a border
   cannot assert depth. */
--rule-hairline:1px solid var(--border-hairline);
--rule-strong:1px solid var(--border-rule);
--rule-input:1px solid var(--border-input);
--rule-ink:1px solid var(--border-strong);
--rule-weight:1px;

--shadow-overlay:0 1px 2px oklch(0.26 0.01 208 / 0.06),0 24px 48px -24px oklch(0.26 0.01 208 / 0.28);
--scrim:oklch(0.26 0.01 208 / 0.42);

/* Focus ring: >= 3:1 against everything adjacent (1.4.11), 2px perimeter (2.4.13 AAA). */
--focus-shadow:0 0 0 2px var(--bg-canvas),0 0 0 4px var(--focus-ring);
}