/* @link https://utopia.fyi/type/calculator?c=320,16,1.125,1240,16,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

/*:root {
/*  /* Step -2: 12.642px → 10.24px */
/*  --step--2: clamp(0.64rem, 0.8423rem + -0.2611cqi, 0.7901rem);
/*  /* Step -1: 14.2222px → 12.8px */
/*  --step--1: clamp(0.8rem, 0.9198rem + -0.1546cqi, 0.8889rem);
/*  /* Step 0: 16px → 16px */
/*  --step-0: clamp(1rem, 1rem + 0cqi, 1rem);
/*  /* Step 1: 18px → 20px */
/*  --step-1: clamp(1.125rem, 1.0815rem + 0.2174cqi, 1.25rem);
/*  /* Step 2: 20.25px → 25px */
/*  --step-2: clamp(1.2656rem, 1.1624rem + 0.5163cqi, 1.5625rem);
/*  /* Step 3: 22.7813px → 31.25px */
/*  --step-3: clamp(1.4238rem, 1.2397rem + 0.9205cqi, 1.9531rem);
/*  /* Step 4: 25.6289px → 39.0625px */
/*  --step-4: clamp(1.6018rem, 1.3098rem + 1.4602cqi, 2.4414rem);
/*  /* Step 5: 28.8325px → 48.8281px */
/*  --step-5: clamp(1.802rem, 1.3673rem + 2.1734cqi, 3.0518rem);
/*}
/* Font Size keywords
* https://developer.mozilla.org/en-US/docs/Web/CSS/font-size#values
* Note: These are absolute values.
*/
:where(:root) {
  --font-size-xxxl: var(--step-5, xxx-large); /* 300% medium default */
  --font-size-xxl: var(--step-4, xx-large); /* 200% medium default */
  --font-size-xl: var(--step-3, x-large); /* 150% medium default*/
  --font-size-l: var(--step-2, large); /* 120% of medium default*/
  --font-size-m: var(--step-1, medium); /* 100% default*/
  --font-size-s: var(--step-0, small); /* 89% of medium default*/
  --font-size-xs: var(--step--1, x-small); /* 75% of medium default*/
  --font-size-xxs: var(--step--2, xx-small); /* 60% of medium default*/
}