:root { --var-main-text-color: #1b1413; --sub-text-color: #979494; --dark-main-text-color: #fcfcfc; --dark-sub-text-color: #f3f3f3; --main-text: #1b1413; --ctrl-button-border: #ddd; --ctrl-button-bkgd-hover: #e5e5e5; --bkgd-black: hsl(0, 0%, 0%); --bkgd-white: #ffffff; --blood-orange: #FF1F00; --product-bkgd-color: #f3f3f3; --space-2xs: clamp(0.38rem, calc(0.0004999999999999998 * (100vw - 36rem) + 0.38rem), 0.47rem); --space-xs: clamp(0.61rem, calc(0.0008333333333333335 * (100vw - 36rem) + 0.61rem), 0.76rem); --space-s: clamp(0.99rem, calc(0.001388888888888889 * (100vw - 36rem) + 0.99rem), 1.24rem); --space-m: clamp(1.6rem, calc(0.002222222222222222 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2.59rem, calc(0.003611111111111113 * (100vw - 36rem) + 2.59rem), 3.24rem); --space-xl: clamp(4.19rem, calc(0.005833333333333333 * (100vw - 36rem) + 4.19rem), 5.24rem); --space-2xl: clamp(6.78rem, calc(0.009388888888888891 * (100vw - 36rem) + 6.78rem), 8.47rem); --heading-2xs: clamp(0.97rem, calc(0 * (100vw - 36rem) + 0.97rem), 0.97rem); --heading-xs: clamp(1.03rem, calc(0 * (100vw - 36rem) + 1.03rem), 1.03rem); --heading-s: clamp(1.1rem, calc(0 * (100vw - 36rem) + 1.1rem), 1.1rem); --heading-m: clamp(1.17rem, calc(0 * (100vw - 36rem) + 1.17rem), 1.17rem); --heading-l: clamp(1.25rem, calc(0 * (100vw - 36rem) + 1.25rem), 1.25rem); --heading-xl: clamp(1.34rem, calc(0 * (100vw - 36rem) + 1.34rem), 1.34rem); --heading-2xl: clamp(1.43rem, calc(0 * (100vw - 36rem) + 1.43rem), 1.43rem); --holements-2xs: clamp(0.82rem, calc(0.0011111111111111115 * (100vw - 36rem) + 0.82rem), 1.02rem); --holements-xs: clamp(1.02rem, calc(0.0014444444444444446 * (100vw - 36rem) + 1.02rem), 1.28rem); --holements-s: clamp(1.28rem, calc(0.001777777777777778 * (100vw - 36rem) + 1.28rem), 1.6rem); --holements-m: clamp(1.6rem, calc(0.002222222222222222 * (100vw - 36rem) + 1.6rem), 2rem); --holements-l: clamp(2rem, calc(0.002777777777777778 * (100vw - 36rem) + 2rem), 2.5rem); --holements-xl: clamp(2.5rem, calc(0.003499999999999999 * (100vw - 36rem) + 2.5rem), 3.13rem); --holements-2xl: clamp(3.13rem, calc(0.004333333333333335 * (100vw - 36rem) + 3.13rem), 3.91rem); --text-2xs: clamp(0.88rem, calc(0.0004999999999999998 * (100vw - 36rem) + 0.88rem), 0.97rem); --text-xs: clamp(0.94rem, calc(0.0005000000000000004 * (100vw - 36rem) + 0.94rem), 1.03rem); --text-s: clamp(1rem, calc(0.0005555555555555561 * (100vw - 36rem) + 1rem), 1.1rem); --text-m: clamp(1.07rem, calc(0.0005555555555555548 * (100vw - 36rem) + 1.07rem), 1.17rem); --text-l: clamp(1.14rem, calc(0.0006111111111111116 * (100vw - 36rem) + 1.14rem), 1.25rem); --text-xl: clamp(1.21rem, calc(0.0007222222222222228 * (100vw - 36rem) + 1.21rem), 1.34rem); --text-2xl: clamp(1.3rem, calc(0.0007222222222222216 * (100vw - 36rem) + 1.3rem), 1.43rem);}