Base scale (rem, 4px grid)

--1

0.25r

--2

0.5r

--3

0.75r

--4

1r

--5

1.25r

--6

1.5r

--7

1.75r

--8

2r

--10

2.5r

--12

3r

--14

3.5r

--16

4r

Fluid tokens (clamp — viewport-responsive)

container padclamp(1rem, 4vw, 2rem)

section topclamp(2.5rem, 8svh, 4rem)

section bottomclamp(4rem, 10svh, 5.5rem)

card gapclamp(0.75rem, 2vw, 1.5rem)

card padclamp(1rem, 2vw, 1.25rem)

hero gapclamp(1.5rem, 4vw, 3rem)

footer gapclamp(2rem, 5vw, 3rem)

header h4rem (fixed)