: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; --display: #4C3D19; --warm: #CFBB99; --bone: #E5D7C4; --body-text: #2a2318; --muted-text: #7a6e58; --background: #FAF8F4; --display-l-1: #5c4f2e; --display-l-2: #6d6043; --display-l-3: #7d7258; --display-l-4: #8d846d; --display-l-5: #9d9582; --display-l-6: #aea796; --display-l-7: #beb8ab; --display-l-8: #cecac0; --display-l-9: #dedcd5; --display-l-10: #efedea; --display-d-1: #453717; --display-d-2: #3e3214; --display-d-3: #372c12; --display-d-4: #302710; --display-d-5: #29210e; --display-d-6: #231c0b; --display-d-7: #1c1609; --display-d-8: #151107; --display-d-9: #0e0b05; --display-d-10: #070602; --display-t-1: hsla(42, 12%, 93%, 0.09); --display-t-2: hsla(42, 12%, 85%, 0.18); --display-t-3: hsla(42, 12%, 78%, 0.27); --display-t-4: hsla(42, 12%, 71%, 0.36); --display-t-5: hsla(42, 12%, 64%, 0.45); --display-t-6: hsla(42, 12%, 56%, 0.55); --display-t-7: hsla(42, 13%, 49%, 0.64); --display-t-8: hsla(42, 17%, 42%, 0.73); --display-t-9: hsla(42, 24%, 34%, 0.82); --display-t-10: hsla(42, 34%, 27%, 0.91); --primary: #354024; --secondary: #889063; --base: #4d4d66; --black: #000000; --primary-d-1: #232b18; --primary-l-1: #9aa092; --primary-t-1: hsla(84, 7%, 87%, 0.17); --primary-t-2: hsla(84, 7%, 73%, 0.33); --primary-t-3: hsla(84, 7%, 60%, 0.5); --primary-t-4: hsla(84, 8%, 46%, 0.67); --primary-t-5: hsla(84, 14%, 33%, 0.83); --white-warm: #FDFAF6; --text: #4C3D19; --border: #DDD3C0; --text-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --text-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --text-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --text-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --text-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --space-xs: clamp(0.56rem, calc(0.56rem + 0.0022 * (100vw - 380px)), 0.69rem); --space-s: clamp(0.81rem, calc(0.81rem + 0.0033 * (100vw - 380px)), 1.00rem); --space-m: clamp(1.25rem, calc(1.25rem + 0.0044 * (100vw - 380px)), 1.50rem); --space-l: clamp(1.88rem, calc(1.88rem + 0.0067 * (100vw - 380px)), 2.25rem); --space-xl: clamp(2.81rem, calc(2.81rem + 0.0100 * (100vw - 380px)), 3.38rem); --space-xxl: clamp(4.25rem, calc(4.25rem + 0.0144 * (100vw - 380px)), 5.06rem); --space-section: clamp(6.25rem, calc(6.25rem + 0.0222 * (100vw - 380px)), 7.50rem); --logo-width: clamp(7.50rem, calc(7.50rem + 0.0889 * (100vw - 380px)), 12.50rem); --text-mm: clamp(1.13rem, calc(1.13rem + 0.0022 * (100vw - 380px)), 1.25rem); --text-xxl: clamp(1.94rem, calc(1.94rem + 0.0044 * (100vw - 380px)), 2.19rem); --h1: clamp(2.75rem, calc(2.75rem + 0.0122 * (100vw - 380px)), 3.44rem); --h2: clamp(2.19rem, calc(2.19rem + 0.0100 * (100vw - 380px)), 2.75rem); --h3: clamp(1.75rem, calc(1.75rem + 0.0078 * (100vw - 380px)), 2.19rem); --h4: clamp(1.38rem, calc(1.38rem + 0.0067 * (100vw - 380px)), 1.75rem); --h5: clamp(1.13rem, calc(1.13rem + 0.0044 * (100vw - 380px)), 1.38rem); --h6: clamp(0.88rem, calc(0.88rem + 0.0044 * (100vw - 380px)), 1.13rem);}