:root { --color-primary: #000; --color-secondary: #FF3EB5; --color-secondary-bright: rgba(255, 62, 181, 0.70); --color-tertiary: #A32B75; --color-white: #FFFFFF; --color-text-primary: #000000; --color-accent-primary: #F4F4F6; --color-border-primary: #000000; --text-headline-1: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --text-headline-2: clamp(1.25rem, calc(0.006222222222222221 * (100vw - 22.5rem) + 1.25rem), 1.67rem); --text-headline-3: clamp(1.56rem, calc(0.00977777777777778 * (100vw - 22.5rem) + 1.56rem), 2.22rem); --text-headline-4: clamp(1.95rem, calc(0.014962962962962963 * (100vw - 22.5rem) + 1.95rem), 2.96rem); --text-headline-5: clamp(2.44rem, calc(0.016444444444444442 * (100vw - 22.5rem) + 2.44rem), 3.55rem); --text-headline-6: clamp(3.05rem, calc(0.024888888888888898 * (100vw - 22.5rem) + 3.05rem), 4.73rem); --text-headline-m: 1; --text-paragraph-l: 1; --text-paragraph-s: 1; --text-paragraph-m: 1;}