:root{
--radius-none:0px;
--radius-sm:4px;
--radius-md:8px;
--radius-lg:16px;
--radius-pill:999px;

--border-hairline:1px solid var(--color-border-subtle);
--border-default:1px solid var(--color-border);
--border-strong:1px solid var(--color-border-strong);
--border-accent:1px solid var(--color-brand-primary);

/* shadows are near-absent by design; hierarchy comes from scale, space and contrast */
--shadow-none:none;
--shadow-subtle:0 1px 2px rgba(11,13,14,.06);
--shadow-raised:0 8px 24px -12px rgba(11,13,14,.18);
--shadow-overlay:0 24px 64px -24px rgba(11,13,14,.34);
--focus-ring:0 0 0 2px var(--color-background-primary),0 0 0 4px var(--color-focus);
}