:root{
/* The logo is a hard rectangle. Nothing in this system is rounded beyond a 2px optical nudge. */
--radius-none:0px;
--radius-nudge:2px;
--radius-pill:999px; /* status pills only */

--border-w-hair:1px /* @kind spacing */;
--border-w:2px; /* @kind spacing */
--border-w-heavy:3px /* @kind spacing */;
--border-w-block:4px /* @kind spacing */;

--rule-hairline:1px solid var(--border-hairline); /* @kind other */
--rule-strong:2px solid var(--border-strong); /* @kind other */
--rule-accent:3px solid var(--border-accent); /* @kind other */

/* Inset hairline: the white keyline sitting inside the black logo block */
--inset-keyline:inset 0 0 0 1px var(--white); /* @kind shadow */
--inset-keyline-offset:4px; /* @kind spacing */
}