custom-properties-namin-convention-regular-variables.css

:root {
/* Calculated properties in --kebab-case
     Prefix the property name what it's affecting. i.e. `font-size`.
     |
     |         Add some context of what it is.
     |         |
     ↓         ↓   */
  --font-size-min-px: calc(var(--FONT-SIZE-MIN) * 1px);
  --font-size-max-px: calc(var(--FONT-SIZE-MAX) * 1px);
    /*             ^ suffix with the unit type (i.e. px, rem) */
  
  --font-size-difference: calc(var(--FONT-SIZE-DIFFERENCE));
    /*                 ^ unitless values don't have a unit as a suffix */
}