How to structure a website that is not built with an SPA style?

In order to create tokens (without meaning), the best possible options are:

• $font-14 (px)
• $font-100 (abstract 100s value)

So new tokens can be

• $font-16, $font-36
• $font-150, $font-125, etc..

Names are then important! --level-3, --spacing, etc...

• container queries
• style queries (only chromium)
• :has (FF catches up)
• nth-of selector
• text-wrap: balance (only chromium): definitely a good one
• initial-letter (only chromium and safari)
• dynamic viewport units (svh, sve, lvh, lvw, dvh, dvw)
• wide gamut color spaces
• color-mix
• CSS nesting (FF have to implement it)
• CSS trigonometric functions
• individual transform properties (hey that was supported by FF since v72...)
• popover and selectmenu tags are WIP
  and more