:root { --primary: #1e3b8f; --primary-dark: #182f72; --primary-ultra-dark: #122356; --primary-semi-dark: #1b3581; --primary-medium: #566cab; --primary-semi-light: #8393c1; --primary-light: #dde2ee; --primary-ultra-light: #f4f5f9; --secondary: #e44739; --secondary-ultra-dark: #892b22; --secondary-dark: #b6392e; --secondary-semi-dark: #cd4033; --secondary-medium: #eb756b; --secondary-semi-light: #f09a92; --secondary-light: #fbe3e1; --secondary-ultra-light: #fef6f5; --tertiary: #f4eed7; --tertiary-ultra-dark: #928f81; --tertiary-dark: #c3beac; --tertiary-light: #fffbef; --tertiary-ultra-light: #fefefd; --accent: #3c0b06; --accent-ultra-dark: #240704; --accent-dark: #300905; --accent-semi-dark: #360a05; --accent-medium: #6d4844; --accent-semi-light: #947976; --accent-light: #e2dada; --accent-ultra-light: #f5f3f3; --neutral: #000000; --neutral-ultra-dark: #1a1a1a; --neutral-dark: #404040; --neutral-semi-dark: #595959; --neutral-medium: #808080; --neutral-semi-light: #a6a6a6; --neutral-light: #d9d9d9; --neutral-ultra-light: #f2f2f2; --base: #2f3742; --base-ultra-dark: #1c2128; --base-dark: #262c35; --base-semi-dark: #2a323b; --base-medium: #636971; --base-semi-light: #8d9197; --base-light: #e0e1e3; --base-ultra-light: #f5f5f6; --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); --orange: #FF6415; --orange-l-1: #ff722a; --orange-l-2: #ff8040; --orange-l-3: #ff8e55; --orange-l-4: #ff9c6a; --orange-l-5: #ffaa7f; --orange-l-6: #ffb995; --orange-l-7: #ffc7aa; --orange-l-8: #ffd5bf; --orange-l-9: #ffe3d4; --orange-l-10: #fff1ea; --orange-d-1: #e85b13; --orange-d-2: #d15211; --orange-d-3: #b9490f; --orange-d-4: #a2400d; --orange-d-5: #8b370b; --orange-d-6: #742d0a; --orange-d-7: #5d2408; --orange-d-8: #461b06; --orange-d-9: #2e1204; --orange-d-10: #170902; --orange-t-1: hsla(20, 100%, 54%, 0.09); --orange-t-2: hsla(20, 100%, 54%, 0.18); --orange-t-3: hsla(20, 100%, 54%, 0.27); --orange-t-4: hsla(20, 100%, 54%, 0.36); --orange-t-5: hsla(20, 100%, 54%, 0.45); --orange-t-6: hsla(20, 100%, 54%, 0.55); --orange-t-7: hsla(20, 100%, 54%, 0.64); --orange-t-8: hsla(20, 100%, 54%, 0.73); --orange-t-9: hsla(20, 100%, 54%, 0.82); --orange-t-10: hsla(20, 100%, 54%, 0.91); --space-xs: clamp(1.90rem, calc(1.90rem + 0.0033 * (100vw - 380px)), 2.20rem); --space-s: clamp(2.30rem, calc(2.30rem + 0.0044 * (100vw - 380px)), 2.70rem); --space-m: clamp(2.80rem, calc(2.80rem + 0.0044 * (100vw - 380px)), 3.20rem); --space-l: clamp(3.40rem, calc(3.40rem + 0.0044 * (100vw - 380px)), 3.80rem); --space-xl: clamp(4.00rem, calc(4.00rem + 0.0067 * (100vw - 380px)), 4.60rem); --space-xxl: clamp(4.80rem, calc(4.80rem + 0.0078 * (100vw - 380px)), 5.50rem); --space-section: clamp(10.00rem, calc(10.00rem + 0.0222 * (100vw - 380px)), 12.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.30rem, calc(1.30rem + 0.0011 * (100vw - 380px)), 1.40rem); --text-m: clamp(1.60rem, calc(1.60rem + 0.0022 * (100vw - 380px)), 1.80rem); --text-mm: clamp(1.80rem, calc(1.80rem + 0.0022 * (100vw - 380px)), 2.00rem); --text-l: clamp(2.00rem, calc(2.00rem + 0.0033 * (100vw - 380px)), 2.30rem); --text-xl: clamp(2.50rem, calc(2.50rem + 0.0033 * (100vw - 380px)), 2.80rem); --text-xxl: clamp(3.10rem, calc(3.10rem + 0.0044 * (100vw - 380px)), 3.50rem); --h1: clamp(3.90rem, calc(3.90rem + 0.0078 * (100vw - 380px)), 4.60rem); --h2: clamp(3.00rem, calc(3.00rem + 0.0056 * (100vw - 380px)), 3.50rem); --h3: clamp(2.30rem, calc(2.30rem + 0.0044 * (100vw - 380px)), 2.70rem); --h4: clamp(1.80rem, calc(1.80rem + 0.0033 * (100vw - 380px)), 2.10rem); --h5: clamp(1.40rem, calc(1.40rem + 0.0022 * (100vw - 380px)), 1.60rem); --h6: clamp(1.00rem, calc(1.00rem + 0.0022 * (100vw - 380px)), 1.20rem);}