:root{
/* 4px base, but the catalog is a dense print grid — 6 and 10 are real steps here */
--space-0:0;
--space-1:2px;
--space-2:4px;
--space-3:6px;
--space-4:10px;
--space-5:14px;
--space-6:20px;
--space-7:28px;
--space-8:40px;
--space-9:56px;
--space-10:80px;

/* Semantic */
--gap-inline:var(--space-4);      /* between chips, spec items */
--gap-stack:var(--space-3);       /* between rows inside a card */
--gap-card:var(--space-4);        /* between cards in a grid */
--gap-section:var(--space-6);     /* between catalog bands */
--pad-card:var(--space-4) var(--space-5);
--pad-card-tight:var(--space-3) var(--space-4);
--pad-button:var(--space-4) var(--space-6);
--pad-button-sm:var(--space-3) var(--space-5);
--pad-band:var(--space-3) var(--space-6);
--pad-page:var(--space-6);

/* Layout */
--width-sheet:1191px;             /* A4 @144dpi — the catalog sheet */
--width-content:1080px;
--width-column:236px;             /* one product card column */
--height-band:44px;               /* the orange tagline band */
}