:root { --bricks-color-grey-100: #f5f5f5; --bricks-color-grey-300: #e0e0e0; --bricks-color-grey-500: #9e9e9e; --bricks-color-grey-700: #616161; --bricks-color-grey-800: #424242; --bricks-color-grey-900: #212121; --bricks-color-yellow: #ffeb3b; --bricks-color-amber: #ffc107; --bricks-color-orange: #ff9800; --bricks-color-deep-orange: #ff5722; --bricks-color-red: #f44336; --bricks-color-purple: #9c27b0; --bricks-color-blue: #2196f3; --bricks-color-light-blue: #03a9f4; --bricks-color-sky-blue: #81D4FA; --bricks-color-green: #4caf50; --bricks-color-light-green: #8bc34a; --bricks-color-lime: #cddc39; --primary: #ace60e; --primary-dark: #8fc70c; --primary-ultra-dark: #6b9a08; --primary-light: #d9f491; --primary-ultra-light: #effbd1; --primary-trans-10: rgba(172, 230, 14, 0.1); --primary-trans-20: rgba(172, 230, 14, 0.2); --primary-trans-30: rgba(172, 230, 14, 0.3); --primary-trans-40: rgba(172, 230, 14, 0.4); --primary-trans-50: rgba(172, 230, 14, 0.5); --primary-trans-60: rgba(172, 230, 14, 0.6); --primary-trans-70: rgba(172, 230, 14, 0.7); --primary-trans-80: rgba(172, 230, 14, 0.8); --primary-trans-90: rgba(172, 230, 14, 0.9); --secondary: #efff2b; --secondary-ultra-dark: #8f9b0c; --secondary-dark: #c7d611; --secondary-light: #fffde0; --secondary-ultra-light: #fffef0; --secondary-trans-10: rgba(239, 255, 43, 0.1); --secondary-trans-20: rgba(239, 255, 43, 0.2); --secondary-trans-30: rgba(239, 255, 43, 0.3); --secondary-trans-40: rgba(239, 255, 43, 0.4); --secondary-trans-50: rgba(239, 255, 43, 0.5); --secondary-trans-60: rgba(239, 255, 43, 0.6); --secondary-trans-70: rgba(239, 255, 43, 0.7); --secondary-trans-80: rgba(239, 255, 43, 0.8); --secondary-trans-90: rgba(239, 255, 43, 0.9); --tertiary: #0a4028; --tertiary-ultra-dark: #041f12; --tertiary-dark: #06301c; --tertiary-light: #f8fff0; --tertiary-ultra-light: #fcfff8; --tertiary-trans-10: rgba(10, 64, 40, 0.1); --tertiary-trans-20: rgba(10, 64, 40, 0.2); --tertiary-trans-30: rgba(10, 64, 40, 0.3); --tertiary-trans-40: rgba(10, 64, 40, 0.4); --tertiary-trans-50: rgba(10, 64, 40, 0.5); --tertiary-trans-60: rgba(10, 64, 40, 0.6); --tertiary-trans-70: rgba(10, 64, 40, 0.7); --tertiary-trans-80: rgba(10, 64, 40, 0.8); --tertiary-trans-90: rgba(10, 64, 40, 0.9); --accent: #5212ea; --accent-ultra-dark: #2a0a7a; --accent-dark: #3d0eb0; --accent-light: #f3eeff; --accent-ultra-light: #faf7ff; --accent-trans-10: rgba(82, 18, 234, 0.1); --accent-trans-20: rgba(82, 18, 234, 0.2); --accent-trans-30: rgba(82, 18, 234, 0.3); --accent-trans-40: rgba(82, 18, 234, 0.4); --accent-trans-50: rgba(82, 18, 234, 0.5); --accent-trans-60: rgba(82, 18, 234, 0.6); --accent-trans-70: rgba(82, 18, 234, 0.7); --accent-trans-80: rgba(82, 18, 234, 0.8); --accent-trans-90: rgba(82, 18, 234, 0.9); --base: #19213d; --base-ultra-dark: #10152a; --base-dark: #171d33; --base-light: #e5e8f0; --base-ultra-light: #fafbff; --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.80rem, calc(0.80rem + 0.0024 * (100vw - 380px)), 1.00rem); --space-s: clamp(1.40rem, calc(1.40rem + 0.0049 * (100vw - 380px)), 1.80rem); --space-m: clamp(2.40rem, calc(2.40rem + 0.0195 * (100vw - 380px)), 4.00rem); --space-l: clamp(3.20rem, calc(3.20rem + 0.0000 * (100vw - 380px)), 3.20rem); --space-xl: clamp(4.00rem, calc(4.00rem + 0.0293 * (100vw - 380px)), 6.40rem); --space-xxl: clamp(4.00rem, calc(4.00rem + 0.0488 * (100vw - 380px)), 8.00rem); --space-section: clamp(6.40rem, calc(6.40rem + 0.0561 * (100vw - 380px)), 11.00rem); --logo-width: clamp(12.00rem, calc(12.00rem + 0.0732 * (100vw - 380px)), 18.00rem); --text-xs: clamp(0.90rem, calc(0.90rem + 0.0012 * (100vw - 380px)), 1.00rem); --text-s: clamp(1.10rem, calc(1.10rem + 0.0024 * (100vw - 380px)), 1.30rem); --text-m: clamp(1.40rem, calc(1.40rem + 0.0024 * (100vw - 380px)), 1.60rem); --text-mm: clamp(1.60rem, calc(1.60rem + 0.0024 * (100vw - 380px)), 1.80rem); --text-l: clamp(1.80rem, calc(1.80rem + 0.0024 * (100vw - 380px)), 2.00rem); --text-xl: clamp(2.20rem, calc(2.20rem + 0.0037 * (100vw - 380px)), 2.50rem); --text-xxl: clamp(2.70rem, calc(2.70rem + 0.0049 * (100vw - 380px)), 3.10rem); --h1: clamp(4.70rem, calc(4.70rem + 0.0341 * (100vw - 380px)), 7.50rem); --h2: clamp(3.80rem, calc(3.80rem + 0.0268 * (100vw - 380px)), 6.00rem); --h3: clamp(3.00rem, calc(3.00rem + 0.0220 * (100vw - 380px)), 4.80rem); --h4: clamp(2.40rem, calc(2.40rem + 0.0171 * (100vw - 380px)), 3.80rem); --h5: clamp(1.90rem, calc(1.90rem + 0.0146 * (100vw - 380px)), 3.10rem); --h6: clamp(1.50rem, calc(1.50rem + 0.0122 * (100vw - 380px)), 2.50rem);}