:root { --primary: #69b42d; --secondary: #79622d; --tertiary: #7a7565; --accent: #d01d1f; --text: #474643; --white: #ffffff; --primary-l-1: #87c357; --primary-l-2: #a5d281; --primary-l-3: #c3e1ab; --primary-l-4: #e1f0d5; --primary-t-1: hsla(93, 60%, 44%, 0.09); --primary-t-2: hsla(93, 60%, 44%, 0.18); --primary-t-3: hsla(93, 60%, 44%, 0.27); --primary-t-4: hsla(93, 60%, 44%, 0.36); --primary-t-5: hsla(93, 60%, 44%, 0.45); --primary-t-6: hsla(93, 60%, 44%, 0.55); --primary-t-7: hsla(93, 60%, 44%, 0.64); --primary-t-8: hsla(93, 60%, 44%, 0.73); --primary-t-9: hsla(93, 60%, 44%, 0.82); --primary-t-10: hsla(93, 60%, 44%, 0.91); --primary-d-1: #549024; --primary-d-2: #3f6c1b; --primary-d-3: #2a4812; --primary-d-4: #152409; --gap-2xs: clamp(0.57rem, calc(0.000833333333333334 * (100vw - 36rem) + 0.57rem), 0.66rem); --gap-xs: clamp(0.8rem, calc(0.0025 * (100vw - 36rem) + 0.8rem), 1.07rem); --gap-s: clamp(1.13rem, calc(0.005555555555555557 * (100vw - 36rem) + 1.13rem), 1.73rem); --gap-m: clamp(1.6rem, calc(0.011111111111111108 * (100vw - 36rem) + 1.6rem), 2.8rem); --gap-l: clamp(2.26rem, calc(0.021018518518518523 * (100vw - 36rem) + 2.26rem), 4.53rem); --gap-xl: clamp(3.2rem, calc(0.03824074074074074 * (100vw - 36rem) + 3.2rem), 7.33rem); --gap-2xl: clamp(4.52rem, calc(0.06796296296296296 * (100vw - 36rem) + 4.52rem), 11.86rem); --space-2xs: clamp(0.57rem, calc(0.000833333333333334 * (100vw - 36rem) + 0.57rem), 0.66rem); --space-xs: clamp(0.8rem, calc(0.0025 * (100vw - 36rem) + 0.8rem), 1.07rem); --space-s: clamp(1.13rem, calc(0.005555555555555557 * (100vw - 36rem) + 1.13rem), 1.73rem); --space-m: clamp(1.6rem, calc(0.011111111111111108 * (100vw - 36rem) + 1.6rem), 2.8rem); --space-l: clamp(2.26rem, calc(0.021018518518518523 * (100vw - 36rem) + 2.26rem), 4.53rem); --space-xl: clamp(3.2rem, calc(0.03824074074074074 * (100vw - 36rem) + 3.2rem), 7.33rem); --space-2xl: clamp(4.52rem, calc(0.06796296296296296 * (100vw - 36rem) + 4.52rem), 11.86rem);}.gap-2xs { gap: var(--gap-2xs); }.gap-xs { gap: var(--gap-xs); }.gap-s { gap: var(--gap-s); }.gap-m { gap: var(--gap-m); }.gap-l { gap: var(--gap-l); }.gap-xl { gap: var(--gap-xl); }.gap-2xl { gap: var(--gap-2xl); }