:root { --metallic-gold: #D4AF37; --ink-black: #0E161B; --charcoal-blue: #2F4858; --rosy-copper: #C0564A; --fresh-sky: #00B5FF; --pale-slate: #B6C4CE; --platinum: #F3F5F7; --white: #ffffff; --sea-green: #2e9148; --spaceing-small: 25px; --spaceing-normal: clamp(calc(1rem * (25 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((40 - 25) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (25 / var(--base-font)))) + (((40 - 25) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (40 / var(--base-font))));; --spaceing-medium: clamp(calc(1rem * (40 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((60 - 40) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (40 / var(--base-font)))) + (((60 - 40) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (60 / var(--base-font))));; --spaceing-big: clamp(calc(1rem * (60 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((120 - 60) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (60 / var(--base-font)))) + (((120 - 60) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (120 / var(--base-font))));; --heading-h4: clamp(calc(1rem * (22 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((24 - 22) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (22 / var(--base-font)))) + (((24 - 22) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (24 / var(--base-font))));; --heading-h3: clamp(calc(1rem * (24 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((38 - 24) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (24 / var(--base-font)))) + (((38 - 24) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (38 / var(--base-font))));; --heading-h2: clamp(calc(1rem * (28 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((48 - 28) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (28 / var(--base-font)))) + (((48 - 28) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (48 / var(--base-font))));; --heading-h1: clamp(calc(1rem * (32 / var(--base-font))), calc(1rem * ((((-1 * var(--min-viewport)) / var(--base-font)) * ((78 - 32) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font))) + (32 / var(--base-font)))) + (((78 - 32) / var(--base-font)) / ((var(--max-viewport) - var(--min-viewport)) / var(--base-font)) * 100) * var(--clamp-unit), calc(1rem * (78 / var(--base-font))));; --body: 1.8rem;}