:root{
/* Radii — small and deliberate. Nothing pill-shaped except status dots and avatars. */
--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:16px;--radius-full:999px;

/* Borders */
--border-width:1px;--border-width-strong:2px;

/* Elevation — crisp, cold, low-spread. Shadows are structural, not decorative. */
--shadow-xs:0 1px 2px rgba(11,16,22,.06);
--shadow-sm:0 1px 3px rgba(11,16,22,.08),0 1px 2px rgba(11,16,22,.04);
--shadow-md:0 4px 12px rgba(11,16,22,.09),0 1px 3px rgba(11,16,22,.05);
--shadow-lg:0 16px 40px rgba(11,16,22,.14),0 2px 8px rgba(11,16,22,.06);
--shadow-inset-hairline:inset 0 -1px 0 rgba(11,16,22,.06);

/* Blueprint grid — the brand's signature background texture */
--grid-size:32px;
--bg-grid-light:linear-gradient(var(--grid-line-light) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-light) 1px,transparent 1px);
--bg-grid-dark:linear-gradient(var(--grid-line-dark) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-dark) 1px,transparent 1px);
}