/* @link https://utopia.fyi/type/calculator?c=320,16,1.2,1240,20,1.25,7,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
/**
|--font-size-|VW 320|VW 1240|
|--- |--- |--- |
|8|57.33|95.37|
|7|47.78|76.29|
|6|39.81|61.04|
|5|33.18|48.83|
|4|27.65|39.06|
|3|23.04|31.25|
|2|19.20|25.00|
|1|16.00|20.00|
|0|13.33|16.00|
|00|11.11|12.80|
 */

:where(html) {
  /* Step -2: 11.1111px → 12.8px */
  --font-size-00: clamp(0.6944rem, 0.6577rem + 0.1836vw, 0.8rem);
  /* Step -1: 13.3333px → 16px */
  --font-size-0: clamp(0.8333rem, 0.7754rem + 0.2899vw, 1rem);
  /* Step 0: 16px → 20px */
  --font-size-1: clamp(1rem, 0.913rem + 0.4348vw, 1.25rem);
  /* Step 1: 19.2px → 25px */
  --font-size-2: clamp(1.2rem, 1.0739rem + 0.6304vw, 1.5625rem);
  /* Step 2: 23.04px → 31.25px */
  --font-size-3: clamp(1.44rem, 1.2615rem + 0.8924vw, 1.9531rem);
  /* Step 3: 27.648px → 39.0625px */
  --font-size-4: clamp(1.728rem, 1.4799rem + 1.2407vw, 2.4414rem);
  /* Step 4: 33.1776px → 48.8281px */
  --font-size-5: clamp(2.0736rem, 1.7334rem + 1.7011vw, 3.0518rem);
  /* Step 5: 39.8131px → 61.0352px */
  --font-size-6: clamp(2.4883rem, 2.027rem + 2.3067vw, 3.8147rem);
  /* Step 6: 47.7757px → 76.2939px */
  --font-size-7: clamp(2.986rem, 2.366rem + 3.0998vw, 4.7684rem);
  /* Step 7: 57.3309px → 95.3674px */
  --font-size-8: clamp(3.5832rem, 2.7563rem + 4.1344vw, 5.9605rem);
}

/*
... fitx design specifications. There is no way around it.
*/
:where(html) {
  --font-size-00: 0.75rem; /* 12px */
  --font-size-0: 0.875rem; /* 14px */
  --font-size-1: 1rem;
  --font-size-2: 1.125rem; /* 18px */
  --font-size-3: 1.25rem; /* 20px */
  --font-size-4: 1.375rem; /* 22px */
  --font-size-5: 1.563rem; /* 25px */
  --font-size-6: 1.75rem; /* 28px */
  --font-size-7: 2rem; /* 32px */
  --font-size-8: 2.25rem; /* 36px */
}