:root{
/* Spacing — values used in the style guide */
--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-12:12px;--space-14:14px;--space-16:16px;--space-20:20px;--space-24:24px;--space-28:28px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;
--panel-padding:28px;
--grid-gap:24px;
--page-max-width:1200px;
--page-padding:48px 32px 64px;

/* Radii — deliberately tight */
--radius-control:2px;  /* buttons, inputs, colour bars */
--radius-panel:4px;    /* panels, swatch cards */

/* Borders */
--border-width:1px;
--border-width-strong:1.5px; /* secondary button, text-link underline */

/* Elevation — the brand is flat: no drop shadows */
--shadow-none:none;

/* Motion — none specified; keep to simple colour transitions */
--transition-color:background-color .15s ease, color .15s ease, border-color .15s ease;
}