:root { --brand-color: #5d0096; --text-2xs: clamp(0.51rem, calc(0.00029629629629629656 * (100vw - 22.5rem) + 0.51rem), 0.53rem); --text-xs: clamp(0.64rem, calc(0.0008888888888888881 * (100vw - 22.5rem) + 0.64rem), 0.7rem); --text-s: clamp(0.8rem, calc(0.002074074074074073 * (100vw - 22.5rem) + 0.8rem), 0.94rem); --text-m: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --text-l: clamp(1.25rem, calc(0.006222222222222221 * (100vw - 22.5rem) + 1.25rem), 1.67rem); --text-xl: clamp(1.56rem, calc(0.00977777777777778 * (100vw - 22.5rem) + 1.56rem), 2.22rem); --text-2xl: clamp(1.95rem, calc(0.014962962962962963 * (100vw - 22.5rem) + 1.95rem), 2.96rem); --headline-2xs: clamp(0.21rem, calc(0.0016296296296296297 * (100vw - 22.5rem) + 0.21rem), 0.32rem); --headline-xs: clamp(0.33rem, calc(0.0029629629629629632 * (100vw - 22.5rem) + 0.33rem), 0.53rem); --headline-s: clamp(0.54rem, calc(0.004592592592592592 * (100vw - 22.5rem) + 0.54rem), 0.85rem); --headline-m: clamp(0.88rem, calc(0.007407407407407406 * (100vw - 22.5rem) + 0.88rem), 1.38rem); --headline-l: clamp(1.42rem, calc(0.011851851851851856 * (100vw - 22.5rem) + 1.42rem), 2.22rem); --headline-xl: clamp(2.29rem, calc(0.019407407407407408 * (100vw - 22.5rem) + 2.29rem), 3.6rem); --headline-2xl: clamp(3.71rem, calc(0.031259259259259264 * (100vw - 22.5rem) + 3.71rem), 5.82rem);}.bg-brand-color { background-color: var(--brand-color); }.text-brand-color { color: var(--brand-color); }.border-brand-color { border-color: var(--brand-color); }.fill-brand-color { fill: var(--brand-color); }