:root { --primary: #3a949f; --primary-dark: #2e767f; --primary-ultra-dark: #23595f; --primary-light: #e1eff1; --primary-ultra-light: #f5fafa; --primary-trans-10: rgba(58, 148, 159, 0.1); --primary-trans-20: rgba(58, 148, 159, 0.2); --primary-trans-30: rgba(58, 148, 159, 0.3); --primary-trans-40: rgba(58, 148, 159, 0.4); --primary-trans-50: rgba(58, 148, 159, 0.5); --primary-trans-60: rgba(58, 148, 159, 0.6); --primary-trans-70: rgba(58, 148, 159, 0.7); --primary-trans-80: rgba(58, 148, 159, 0.8); --primary-trans-90: rgba(58, 148, 159, 0.9); --secondary: #ffd74e; --secondary-ultra-dark: #99812f; --secondary-dark: #ccac3e; --secondary-light: #fff9e4; --secondary-ultra-light: #fffdf6; --secondary-trans-10: rgba(255, 215, 78, 0.1); --secondary-trans-20: rgba(255, 215, 78, 0.2); --secondary-trans-30: rgba(255, 215, 78, 0.3); --secondary-trans-40: rgba(255, 215, 78, 0.4); --secondary-trans-50: rgba(255, 215, 78, 0.5); --secondary-trans-60: rgba(255, 215, 78, 0.6); --secondary-trans-70: rgba(255, 215, 78, 0.7); --secondary-trans-80: rgba(255, 215, 78, 0.8); --secondary-trans-90: rgba(255, 215, 78, 0.9); --accent: #fa3c59; --accent-ultra-dark: #962435; --accent-dark: #c83047; --accent-light: #fee2e6; --accent-ultra-light: #fff5f7; --accent-trans-10: rgba(250, 60, 89, 0.1); --accent-trans-20: rgba(250, 60, 89, 0.2); --accent-trans-30: rgba(250, 60, 89, 0.3); --accent-trans-40: rgba(250, 60, 89, 0.4); --accent-trans-50: rgba(250, 60, 89, 0.5); --accent-trans-60: rgba(250, 60, 89, 0.6); --accent-trans-70: rgba(250, 60, 89, 0.7); --accent-trans-80: rgba(250, 60, 89, 0.8); --accent-trans-90: rgba(250, 60, 89, 0.9); --base: #404040; --base-ultra-dark: #262626; --base-dark: #333333; --base-light: #e2e2e2; --base-ultra-light: #f5f5f5; --white: #ffffff; --white-trans-10: rgba(255, 255, 255, 0.1); --white-trans-20: rgba(255, 255, 255, 0.2); --white-trans-30: rgba(255, 255, 255, 0.3); --white-trans-40: rgba(255, 255, 255, 0.4); --white-trans-50: rgba(255, 255, 255, 0.5); --white-trans-60: rgba(255, 255, 255, 0.6); --white-trans-70: rgba(255, 255, 255, 0.7); --white-trans-80: rgba(255, 255, 255, 0.8); --white-trans-90: rgba(255, 255, 255, 0.9); --black: #000000; --black-trans-10: rgba(0, 0, 0, 0.1); --black-trans-20: rgba(0, 0, 0, 0.2); --black-trans-30: rgba(0, 0, 0, 0.3); --black-trans-40: rgba(0, 0, 0, 0.4); --black-trans-50: rgba(0, 0, 0, 0.5); --black-trans-60: rgba(0, 0, 0, 0.6); --black-trans-70: rgba(0, 0, 0, 0.7); --black-trans-80: rgba(0, 0, 0, 0.8); --black-trans-90: rgba(0, 0, 0, 0.9); --space-xs: clamp(0.74rem, calc(0.0013888888888888892 * (100vw - 36rem) + 0.74rem), 0.89rem); --space-s: clamp(1.11rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.11rem), 1.33rem); --space-m: clamp(1.67rem, calc(0.003055555555555556 * (100vw - 36rem) + 1.67rem), 2rem); --space-l: clamp(2.5rem, calc(0.004629629629629629 * (100vw - 36rem) + 2.5rem), 3rem); --space-xl: clamp(3.75rem, calc(0.006944444444444444 * (100vw - 36rem) + 3.75rem), 4.5rem); --space-2xl: clamp(5.63rem, calc(0.010370370370370372 * (100vw - 36rem) + 5.63rem), 6.75rem); --space-3xl: clamp(8.44rem, calc(0.01564814814814816 * (100vw - 36rem) + 8.44rem), 10.13rem); --text-xs: clamp(1.00rem, calc(1.00rem + 0.0030 * (100vw - 380px)), 1.30rem); --text-s: clamp(1.30rem, calc(1.30rem + 0.0030 * (100vw - 380px)), 1.60rem); --text-m: clamp(1.60rem, calc(1.60rem + 0.0041 * (100vw - 380px)), 2.00rem); --text-mm: clamp(1.80rem, calc(1.80rem + 0.0041 * (100vw - 380px)), 2.20rem); --text-l: clamp(2.00rem, calc(2.00rem + 0.0051 * (100vw - 380px)), 2.50rem); --text-xl: clamp(2.50rem, calc(2.50rem + 0.0061 * (100vw - 380px)), 3.10rem); --text-xxl: clamp(3.10rem, calc(3.10rem + 0.0081 * (100vw - 380px)), 3.90rem); --h1: clamp(3.10rem, calc(3.10rem + 0.0071 * (100vw - 380px)), 3.80rem); --h2: clamp(2.50rem, calc(2.50rem + 0.0051 * (100vw - 380px)), 3.00rem); --h3: clamp(2.00rem, calc(2.00rem + 0.0041 * (100vw - 380px)), 2.40rem); --h4: clamp(1.60rem, calc(1.60rem + 0.0030 * (100vw - 380px)), 1.90rem); --h5: clamp(1.30rem, calc(1.30rem + 0.0020 * (100vw - 380px)), 1.50rem); --h6: clamp(1.00rem, calc(1.00rem + 0.0020 * (100vw - 380px)), 1.20rem);}