:root { --accent: #3d6098; --color: #22262e; --background: #f4f6f9; --white: #fff; --hero-intro: rgb(112, 111, 111); --secondary-box-shadow: rgb(215, 221, 231); --secondary-bg: rgb(238, 243, 249); --tertiary-bg: rgb(223, 232, 243); --half-transparent: rgba(255,255,255,0.25); --light-blue: rgb(142, 166, 204); --gold: #e2a33c; --text-2xs: clamp(0.93rem, calc(0.0010185185185185184 * (100vw - 36rem) + 0.93rem), 1.04rem); --text-xs: clamp(1.11rem, calc(0.0012962962962962954 * (100vw - 36rem) + 1.11rem), 1.25rem); --text-s: clamp(1.33rem, calc(0.0015740740740740734 * (100vw - 36rem) + 1.33rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(1.92rem, calc(0.0022222222222222244 * (100vw - 36rem) + 1.92rem), 2.16rem); --text-xl: clamp(2.3rem, calc(0.0026851851851851854 * (100vw - 36rem) + 2.3rem), 2.59rem); --text-2xl: clamp(2.76rem, calc(0.0032407407407407415 * (100vw - 36rem) + 2.76rem), 3.11rem); --heading-2xs: clamp(0.98rem, calc(-0.0062962962962962955 * (100vw - 36rem) + 0.98rem), 0.3rem); --heading-xs: clamp(1.18rem, calc(-0.005648148148148148 * (100vw - 36rem) + 1.18rem), 0.57rem); --heading-s: clamp(1.42rem, calc(-0.0032407407407407393 * (100vw - 36rem) + 1.42rem), 1.07rem); --heading-m: clamp(1.7rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.7rem), 2rem); --heading-l: clamp(2.04rem, calc(0.015833333333333335 * (100vw - 36rem) + 2.04rem), 3.75rem); --heading-xl: clamp(2.45rem, calc(0.04240740740740741 * (100vw - 36rem) + 2.45rem), 7.03rem); --heading-2xl: clamp(2.94rem, calc(0.09481481481481481 * (100vw - 36rem) + 2.94rem), 13.18rem);}