: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; --zwart: #191411; --zwart-t-1: hsla(22, 19%, 8%, 0.25); --zwart-t-2: hsla(22, 19%, 8%, 0.5); --zwart-t-3: hsla(22, 19%, 8%, 0.75); --donkerbruin: #211A14; --donkerbruin-t-1: hsla(28, 25%, 10%, 0.25); --donkerbruin-t-2: hsla(28, 25%, 10%, 0.5); --donkerbruin-t-3: hsla(28, 25%, 10%, 0.75); --bruin: #392E23; --bruin-t-1: hsla(30, 24%, 18%, 0.25); --bruin-t-2: hsla(30, 24%, 18%, 0.5); --bruin-t-3: hsla(30, 24%, 18%, 0.75); --brons: #d16b26; --brons-t-1: hsl(24.210526 69.230769% 48.431373% / 0.16666666666666669); --brons-t-2: hsl(24.210526 69.230769% 48.431373% / 0.33333333333333337); --brons-t-3: hsl(24.210526 69.230769% 48.431373% / 0.5); --brons-t-4: hsl(24.210526 69.230769% 48.431373% / 0.6666666666666667); --brons-t-5: hsl(24.210526 69.230769% 48.431373% / 0.8333333333333335); --beige: #B9A598; --beige-t-1: hsla(24, 19%, 66%, 0.25); --beige-t-2: hsla(24, 19%, 66%, 0.5); --beige-t-3: hsla(24, 19%, 66%, 0.75); --licht-beige: #d9ccbf; --licht-beige-t-1: hsl(30 25.490196% 80% / 0.25); --licht-beige-t-2: hsl(30 25.490196% 80% / 0.5); --licht-beige-t-3: hsl(30 25.490196% 80% / 0.75); --wit-beige: #FFFBF7; --wit-beige-t-1: hsla(30, 100%, 98%, 0.25); --wit-beige-t-2: hsla(30, 100%, 98%, 0.5); --wit-beige-t-3: hsla(30, 100%, 98%, 0.75); --wit: #fff; --wit-t-1: hsla(0, 0%, 100%, 0.25); --wit-t-2: hsla(0, 0%, 100%, 0.5); --wit-t-3: hsla(0, 0%, 100%, 0.75); --donkergrijs: #333333; --donkergrijs-l-1: #666666; --donkergrijs-l-2: #999999; --donkergrijs-l-3: #cccccc; --donkergrijs-d-1: #262626; --donkergrijs-d-2: #1a1a1a; --donkergrijs-d-3: #0d0d0d; --donkergrijs-t-1: hsla(0, 0%, 20%, 0.25); --donkergrijs-t-2: hsla(0, 0%, 20%, 0.5); --donkergrijs-t-3: hsla(0, 0%, 20%, 0.75); --groen: #b3c85f; --groen-l-1: #c6d687; --groen-l-2: #d9e4af; --groen-l-3: #ecf1d7; --groen-d-1: #869647; --groen-d-2: #5a6430; --groen-d-3: #2d3218; --groen-t-1: hsla(72, 49%, 58%, 0.25); --groen-t-2: hsla(72, 49%, 58%, 0.5); --groen-t-3: hsla(72, 49%, 58%, 0.75); --bijna-wit: #fefefb; --bijna-wit-d-1: #bfbfbc; --bijna-wit-d-2: #7f7f7e; --bijna-wit-d-3: #40403f; --bijna-wit-t-1: hsla(60, 60%, 99%, 0.25); --bijna-wit-t-2: hsla(60, 60%, 99%, 0.5); --bijna-wit-t-3: hsla(60, 60%, 99%, 0.75); --text-2xs: clamp(0.87rem, calc(-0.002592592592592593 * (100vw - 36rem) + 0.87rem), 0.59rem); --text-xs: clamp(1.09rem, calc(-0.0018518518518518526 * (100vw - 36rem) + 1.09rem), 0.89rem); --text-s: clamp(1.36rem, calc(-0.00027777777777777805 * (100vw - 36rem) + 1.36rem), 1.33rem); --text-m: clamp(1.7rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.7rem), 2rem); --text-l: clamp(2.13rem, calc(0.008055555555555557 * (100vw - 36rem) + 2.13rem), 3rem); --text-xl: clamp(2.66rem, calc(0.017037037037037035 * (100vw - 36rem) + 2.66rem), 4.5rem); --text-2xl: clamp(3.32rem, calc(0.03175925925925926 * (100vw - 36rem) + 3.32rem), 6.75rem); --space-2xs: clamp(0.87rem, calc(-0.00027777777777777805 * (100vw - 36rem) + 0.87rem), 0.84rem); --space-xs: clamp(1.09rem, calc(0.0003703703703703686 * (100vw - 36rem) + 1.09rem), 1.13rem); --space-s: clamp(1.36rem, calc(0.0012962962962962954 * (100vw - 36rem) + 1.36rem), 1.5rem); --space-m: clamp(1.7rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.7rem), 2rem); --space-l: clamp(2.13rem, calc(0.005 * (100vw - 36rem) + 2.13rem), 2.67rem); --space-xl: clamp(2.66rem, calc(0.008240740740740738 * (100vw - 36rem) + 2.66rem), 3.55rem); --space-2xl: clamp(3.32rem, calc(0.013148148148148152 * (100vw - 36rem) + 3.32rem), 4.74rem);}