:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;
--radius-sm:4px; /* buttons */
--radius-md:8px; /* cards, rows */
--radius-tile:20%; /* logo tile corner */
--hairline:1px solid var(--border);
--page-margin:var(--space-8); /* generous; whitespace is the budget */
}