:root { --headerandfooterold: hsl(196 59% 24%); --main-green: hsl(165 48% 23%); --hover-green: hsl(155 100% 17% / 0.5); --color-4: hsl(0 0% 100%); --color-5: hsl(0 0% 0%); --button-variation: hsl(205 100% 17% / 0.5); --review-background: hsl(156 100% 18% / 0.15); --goldaccent: #c8a96e; --headerandfooter: #1a2e35 ; --headerandfooter-l-1: #2f4147; --headerandfooter-l-2: #44545a; --headerandfooter-l-3: #58676c; --headerandfooter-l-4: #6d7a7e; --headerandfooter-l-5: #828d91; --headerandfooter-l-6: #97a0a3; --headerandfooter-l-7: #acb3b6; --headerandfooter-l-8: #c1c6c8; --headerandfooter-l-9: #d5d9da; --headerandfooter-l-10: #eaeced; --headerandfooter-d-1: #182a30; --headerandfooter-d-2: #15262b; --headerandfooter-d-3: #132127; --headerandfooter-d-4: #111d22; --headerandfooter-d-5: #0e191d; --headerandfooter-d-6: #0c1518; --headerandfooter-d-7: #091113; --headerandfooter-d-8: #070d0e; --headerandfooter-d-9: #05080a; --headerandfooter-d-10: #020405; --headerandfooter-t-1: hsla(196, 6%, 92%, 0.09); --headerandfooter-t-2: hsla(196, 6%, 85%, 0.18); --headerandfooter-t-3: hsla(196, 6%, 77%, 0.27); --headerandfooter-t-4: hsla(196, 6%, 69%, 0.36); --headerandfooter-t-5: hsla(196, 6%, 62%, 0.45); --headerandfooter-t-6: hsla(196, 6%, 54%, 0.55); --headerandfooter-t-7: hsla(196, 7%, 46%, 0.64); --headerandfooter-t-8: hsla(196, 10%, 39%, 0.73); --headerandfooter-t-9: hsla(196, 14%, 31%, 0.82); --headerandfooter-t-10: hsla(196, 21%, 23%, 0.91);}