: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: #072d5f; --color-2: #e6f9fe; --color-3: #0c4da1; --color-4: #f7bb08; --color-5: #ffffff; --color-6: #000000; --color-7: #B1CAEA; --space-xs: clamp(1rem, calc(0.8rem + 0.5556vw), 1.6rem); --space-s: clamp(1.6rem, calc(1.467rem + 0.3704vw), 2rem); --space-m: clamp(2rem, calc(1.6rem + 1.1111vw), 3.2rem); --space-l: clamp(4rem, calc(3.333rem + 1.8519vw), 6rem); --space-xl: clamp(6rem, calc(5.333rem + 1.8519vw), 8rem); --space-xxl: clamp(8rem, calc(7.333rem + 1.8519vw), 10rem); --section-space-xs: clamp(4.4rem, calc(4.1rem + 0.8333vw), 5.3rem); --section-space-s: clamp(6.7rem, calc(6.267rem + 1.2037vw), 8rem); --section-space-m: clamp(10rem, calc(9.333rem + 1.8519vw), 12rem); --section-space-l: clamp(15rem, calc(14rem + 2.7778vw), 18rem); --section-space-xl: clamp(22.5rem, calc(21rem + 4.1667vw), 27rem); --section-space-xxl: clamp(33.8rem, calc(31.567rem + 6.2037vw), 40.5rem); --text-xs: 1.4rem; --text-s: 1.6rem; --text-m: 2rem; --text-l: 2.4rem; --text-xl: clamp(4rem, calc(3.733rem + 0.7407vw), 4.8rem); --text-xxl: clamp(4rem, calc(3.2rem + 2.2222vw), 6.4rem); --h1: clamp(4rem, calc(3.2rem + 2.2222vw), 6.4rem); --h2: clamp(3.5rem, calc(3.2rem + 0.8333vw), 4.4rem); --h3: clamp(2.8rem, calc(2.567rem + 0.6481vw), 3.5rem); --h4: clamp(2.2rem, calc(2rem + 0.5556vw), 2.8rem); --h5: clamp(1.8rem, calc(1.667rem + 0.3704vw), 2.2rem); --h6: clamp(1.4rem, calc(1.267rem + 0.3704vw), 1.8rem);}