:root { --primary: #ed3437; --primary-dark: #be2a2c; --primary-ultra-dark: #8e1f21; --primary-light: #fae8e8; --primary-ultra-light: #fcf3f3; --secondary: #5b4b4b; --secondary-ultra-dark: #372d2d; --secondary-dark: #4f3327; --secondary-light: #8c7878; --secondary-ultra-light: #f7f6f6; --base: #222222; --base-ultra-dark: #040707; --base-dark: #1b1f22; --base-semi-dark: #333333; --base-medium: #595959; --base-semi-light: #555555; --base-light: #999999; --base-ultra-light: #000000; --white: #ffffff; --black: #000000; --space-xs: clamp(0.80rem, calc(0.80rem + 0.0022 * (100vw - 380px)), 1.00rem); --space-s: clamp(1.20rem, calc(1.20rem + 0.0044 * (100vw - 380px)), 1.60rem); --space-m: clamp(2.00rem, calc(2.00rem + 0.0044 * (100vw - 380px)), 2.40rem); --space-l: clamp(3.00rem, calc(3.00rem + 0.0000 * (100vw - 380px)), 3.00rem); --space-xl: clamp(4.40rem, calc(4.40rem + 0.0111 * (100vw - 380px)), 5.40rem); --space-xxl: clamp(4.40rem, calc(4.40rem + 0.0400 * (100vw - 380px)), 8.00rem); --space-section: clamp(4.00rem, calc(4.00rem + 0.0222 * (100vw - 380px)), 6.00rem); --logo-width: clamp(12.00rem, calc(12.00rem + 0.0889 * (100vw - 380px)), 20.00rem); --text-xs: clamp(1.00rem, calc(1.00rem + 0.0022 * (100vw - 380px)), 1.20rem); --text-s: clamp(1.20rem, calc(1.20rem + 0.0022 * (100vw - 380px)), 1.40rem); --text-m: clamp(1.40rem, calc(1.40rem + 0.0022 * (100vw - 380px)), 1.60rem); --text-mm: clamp(1.60rem, calc(1.60rem + 0.0022 * (100vw - 380px)), 1.80rem); --text-l: clamp(1.80rem, calc(1.80rem + 0.0022 * (100vw - 380px)), 2.00rem); --text-xl: clamp(2.20rem, calc(2.20rem + 0.0044 * (100vw - 380px)), 2.60rem); --text-xxl: clamp(2.60rem, calc(2.60rem + 0.0067 * (100vw - 380px)), 3.20rem); --h1: clamp(3.80rem, calc(3.80rem + 0.0089 * (100vw - 380px)), 4.60rem); --h2: clamp(3.00rem, calc(3.00rem + 0.0089 * (100vw - 380px)), 3.80rem); --h3: clamp(2.40rem, calc(2.40rem + 0.0067 * (100vw - 380px)), 3.00rem); --h4: clamp(2.00rem, calc(2.00rem + 0.0044 * (100vw - 380px)), 2.40rem); --h5: clamp(1.60rem, calc(1.60rem + 0.0044 * (100vw - 380px)), 2.00rem); --h6: clamp(1.20rem, calc(1.20rem + 0.0044 * (100vw - 380px)), 1.60rem);}