: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: #bdb9b2; --seconday: #e5dbc7; --action: #5f7f74; --base: #2f3437; --neutral: #f7f6f3; --white: #ffffff; --white-t-1: hsla(0, 0%, 100%, 0.09); --white-t-2: hsla(0, 0%, 100%, 0.18); --white-t-3: hsla(0, 0%, 100%, 0.27); --white-t-4: hsla(0, 0%, 100%, 0.36); --white-t-5: hsla(0, 0%, 100%, 0.45); --white-t-6: hsla(0, 0%, 100%, 0.55); --white-t-7: hsla(0, 0%, 100%, 0.64); --white-t-8: hsla(0, 0%, 100%, 0.73); --white-t-9: hsla(0, 0%, 100%, 0.82); --white-t-10: hsla(0, 0%, 100%, 0.91); --black: #000000; --black-t-1: hsla(0, 0%, 91%, 0.09); --black-t-2: hsla(0, 0%, 82%, 0.18); --black-t-3: hsla(0, 0%, 73%, 0.27); --black-t-4: hsla(0, 0%, 64%, 0.36); --black-t-5: hsla(0, 0%, 55%, 0.45); --black-t-6: hsla(0, 0%, 45%, 0.55); --black-t-7: hsla(0, 0%, 36%, 0.64); --black-t-8: hsla(0, 0%, 27%, 0.73); --black-t-9: hsla(0, 0%, 18%, 0.82); --black-t-10: hsla(0, 0%, 9%, 0.91); --primary-l-1: #c3bfb9; --primary-l-2: #c9c6c0; --primary-l-3: #cfccc7; --primary-l-4: #d5d2ce; --primary-l-5: #dbd9d5; --primary-l-6: #e1dfdc; --primary-l-7: #e7e6e3; --primary-l-8: #edecea; --primary-l-9: #f3f2f1; --primary-l-10: #f9f9f8; --seconday-l-1: #e7decc; --seconday-l-2: #eae2d1; --seconday-l-3: #ece5d6; --seconday-l-4: #eee8db; --seconday-l-5: #f1ebe0; --seconday-l-6: #f3efe6; --seconday-l-7: #f6f2eb; --seconday-l-8: #f8f5f0; --seconday-l-9: #faf8f5; --seconday-l-10: #fdfcfa; --base-l-1: #595d5f; --base-l-2: #828587; --base-l-3: #acaeaf; --base-l-4: #d5d6d7; --base-d-1: #262a2c; --base-d-2: #1c1f21; --base-d-3: #131516; --base-d-4: #090a0b; --neutral-d-1: #e1e0dd; --neutral-d-2: #cac9c7; --neutral-d-3: #b4b3b1; --neutral-d-4: #9d9d9b; --neutral-d-5: #878685; --neutral-d-6: #70706e; --neutral-d-7: #5a5958; --neutral-d-8: #434342; --neutral-d-9: #2d2d2c; --neutral-d-10: #161616; --neutral-t-1: hsla(45, 20%, 99%, 0.17); --neutral-t-2: hsla(45, 20%, 99%, 0.33); --neutral-t-3: hsla(45, 20%, 98%, 0.5); --neutral-t-4: hsla(45, 20%, 97%, 0.67); --neutral-t-5: hsla(45, 20%, 97%, 0.83); --action-l-1: #7a948b; --action-l-2: #94aaa2; --action-l-3: #afbfba; --action-l-4: #cad4d1; --action-l-5: #e4eae8; --action-d-1: #4f6a61; --action-d-2: #3f554d; --action-d-3: #30403a; --action-d-4: #202a27; --action-d-5: #101513; --seconday-d-1: #d0c7b5; --seconday-d-2: #bbb3a3; --seconday-d-3: #a79f91; --seconday-d-4: #928b7f; --seconday-d-5: #7d776d; --seconday-d-6: #68645a; --seconday-d-7: #535048; --seconday-d-8: #3e3c36; --seconday-d-9: #2a2824; --seconday-d-10: #151412; --space-2xs: clamp(0.84rem, calc(0.003981481481481482 * (100vw - 36rem) + 0.84rem), 1.27rem); --space-xs: clamp(1.13rem, calc(0.005185185185185186 * (100vw - 36rem) + 1.13rem), 1.69rem); --space-s: clamp(1.5rem, calc(0.006944444444444444 * (100vw - 36rem) + 1.5rem), 2.25rem); --space-m: clamp(2rem, calc(0.009259259259259259 * (100vw - 36rem) + 2rem), 3rem); --space-l: clamp(2.67rem, calc(0.012314814814814815 * (100vw - 36rem) + 2.67rem), 4rem); --space-xl: clamp(3.55rem, calc(0.016481481481481482 * (100vw - 36rem) + 3.55rem), 5.33rem); --space-2xl: clamp(4.74rem, calc(0.021944444444444447 * (100vw - 36rem) + 4.74rem), 7.11rem); --section-space-2xs: clamp(2.05rem, calc(0.0044444444444444444 * (100vw - 36rem) + 2.05rem), 2.53rem); --section-space-xs: clamp(2.56rem, calc(0.007592592592592591 * (100vw - 36rem) + 2.56rem), 3.38rem); --section-space-s: clamp(3.2rem, calc(0.012037037037037035 * (100vw - 36rem) + 3.2rem), 4.5rem); --section-space-m: clamp(4rem, calc(0.018518518518518517 * (100vw - 36rem) + 4rem), 6rem); --section-space-l: clamp(5rem, calc(0.027777777777777776 * (100vw - 36rem) + 5rem), 8rem); --section-space-xl: clamp(6.25rem, calc(0.04083333333333333 * (100vw - 36rem) + 6.25rem), 10.66rem); --section-space-2xl: clamp(7.81rem, calc(0.05925925925925927 * (100vw - 36rem) + 7.81rem), 14.21rem); --section-padding-x: var(--space-m); --section-padding-y: var(--section-space-m); --h4: clamp(1.65rem, calc(0.004166666666666668 * (100vw - 36rem) + 1.65rem), 2.1rem); --h3: clamp(2.2rem, calc(0.005555555555555552 * (100vw - 36rem) + 2.2rem), 2.8rem); --h2: clamp(2.93rem, calc(0.007407407407407406 * (100vw - 36rem) + 2.93rem), 3.73rem); --h1: clamp(3.91rem, calc(0.00990740740740741 * (100vw - 36rem) + 3.91rem), 4.98rem); --text-xs: clamp(1rem, calc(0.0009259259259259267 * (100vw - 36rem) + 1rem), 1.1rem); --text-s: clamp(1.1rem, calc(0.0009259259259259247 * (100vw - 36rem) + 1.1rem), 1.2rem); --text-m: clamp(1.5rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.5rem), 1.8rem); --text-l: clamp(2rem, calc(0.0018518518518518534 * (100vw - 36rem) + 2rem), 2.2rem); --text-xl: clamp(2.4rem, calc(0.003703703703703703 * (100vw - 36rem) + 2.4rem), 2.8rem); --container-pad-x: clamp(0rem, calc(0.10185185185185185 * (100vw - 36rem) + 0rem), 11rem);}