:root { --primary: #993333; --secondary: #FFD54D ; --dark: #000000; --light: #ffffff; --dark-t-1: hsla(0, 0%, 91%, 0.09); --dark-t-2: hsla(0, 0%, 82%, 0.18); --dark-t-3: hsla(0, 0%, 73%, 0.27); --dark-t-4: hsla(0, 0%, 64%, 0.36); --dark-t-5: hsla(0, 0%, 55%, 0.45); --dark-t-6: hsla(0, 0%, 45%, 0.55); --dark-t-7: hsla(0, 0%, 36%, 0.64); --dark-t-8: hsla(0, 0%, 27%, 0.73); --dark-t-9: hsla(0, 0%, 18%, 0.82); --dark-t-10: hsla(0, 0%, 9%, 0.91); --light-t-1: hsla(0, 0%, 100%, 0.09); --light-t-2: hsla(0, 0%, 100%, 0.18); --light-t-3: hsla(0, 0%, 100%, 0.27); --light-t-4: hsla(0, 0%, 100%, 0.36); --light-t-5: hsla(0, 0%, 100%, 0.45); --light-t-6: hsla(0, 0%, 100%, 0.55); --light-t-7: hsla(0, 0%, 100%, 0.64); --light-t-8: hsla(0, 0%, 100%, 0.73); --light-t-9: hsla(0, 0%, 100%, 0.82); --light-t-10: hsla(0, 0%, 100%, 0.91); --dark-l-1: #171717; --dark-l-2: #2e2e2e; --dark-l-3: #464646; --dark-l-4: #5d5d5d; --dark-l-5: #747474; --dark-l-6: #8b8b8b; --dark-l-7: #a2a2a2; --dark-l-8: #b9b9b9; --dark-l-9: #d1d1d1; --dark-l-10: #e8e8e8; --secondary-l-1: #ffd95d; --secondary-l-2: #ffdd6d; --secondary-l-3: #ffe07e; --secondary-l-4: #ffe48e; --secondary-l-5: #ffe89e; --secondary-l-6: #ffecae; --secondary-l-7: #fff0be; --secondary-l-8: #fff4ce; --secondary-l-9: #fff7df; --secondary-l-10: #fffbef; --secondary-d-1: #e8c246; --secondary-d-2: #d1ae3f; --secondary-d-3: #b99b38; --secondary-d-4: #a28831; --secondary-d-5: #8b742a; --secondary-d-6: #746123; --secondary-d-7: #5d4d1c; --secondary-d-8: #463a15; --secondary-d-9: #2e270e; --secondary-d-10: #171307; --primary-l-1: #a24646; --primary-l-2: #ac5858; --primary-l-3: #b56b6b; --primary-l-4: #be7d7d; --primary-l-5: #c79090; --primary-l-6: #d1a2a2; --primary-l-7: #dab5b5; --primary-l-8: #e3c7c7; --primary-l-9: #ecdada; --primary-l-10: #f6ecec; --primary-d-1: #8b2e2e; --primary-d-2: #7d2a2a; --primary-d-3: #6f2525; --primary-d-4: #612020; --primary-d-5: #531c1c; --primary-d-6: #461717; --primary-d-7: #381313; --primary-d-8: #2a0e0e; --primary-d-9: #1c0909; --primary-d-10: #0e0505; --primary-t-1: hsla(0, 50%, 40%, 0.09); --primary-t-2: hsla(0, 50%, 40%, 0.18); --primary-t-3: hsla(0, 50%, 40%, 0.27); --primary-t-4: hsla(0, 50%, 40%, 0.36); --primary-t-5: hsla(0, 50%, 40%, 0.45); --primary-t-6: hsla(0, 50%, 40%, 0.55); --primary-t-7: hsla(0, 50%, 40%, 0.64); --primary-t-8: hsla(0, 50%, 40%, 0.73); --primary-t-9: hsla(0, 50%, 40%, 0.82); --primary-t-10: hsla(0, 50%, 40%, 0.91); --tertiary: #30BA4E; --text-2xs: clamp(0.68rem, calc(0 * (100vw - 36rem) + 0.68rem), 0.68rem); --text-xs: clamp(0.9rem, calc(0 * (100vw - 36rem) + 0.9rem), 0.9rem); --text-s: clamp(1.2rem, calc(0 * (100vw - 36rem) + 1.2rem), 1.2rem); --text-m: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --text-l: clamp(2.13rem, calc(0 * (100vw - 36rem) + 2.13rem), 2.13rem); --text-xl: clamp(2.84rem, calc(0 * (100vw - 36rem) + 2.84rem), 2.84rem); --text-2xl: clamp(3.79rem, calc(0 * (100vw - 36rem) + 3.79rem), 3.79rem); --text-3xl: clamp(5.05rem, calc(0 * (100vw - 36rem) + 5.05rem), 5.05rem); --text-4xl: clamp(6.73rem, calc(0 * (100vw - 36rem) + 6.73rem), 6.73rem); --h6: clamp(0.68rem, calc(0.0046296296296296285 * (100vw - 36rem) + 0.68rem), 1.18rem); --h5: clamp(0.9rem, calc(0.006296296296296296 * (100vw - 36rem) + 0.9rem), 1.58rem); --h4: clamp(1.2rem, calc(0.008333333333333335 * (100vw - 36rem) + 1.2rem), 2.1rem); --h3: clamp(1.6rem, calc(0.011111111111111108 * (100vw - 36rem) + 1.6rem), 2.8rem); --h2: clamp(2.13rem, calc(0.014814814814814815 * (100vw - 36rem) + 2.13rem), 3.73rem); --h1: clamp(2.84rem, calc(0.01981481481481482 * (100vw - 36rem) + 2.84rem), 4.98rem); --space-4xs: clamp(0.52rem, calc(-0.0003703703703703707 * (100vw - 36rem) + 0.52rem), 0.48rem); --space-3xs: clamp(0.66rem,calc(0.04vw + 0.64rem),0.7rem); --space-2xs: clamp(0.82rem,calc(0.16vw + 0.77rem),0.99rem); --space-xs: clamp(1.02rem,calc(0.36vw + 0.91rem),1.4rem); --space-s: clamp(1.28rem,calc(0.67vw + 1.07rem),1.98rem); --space-m: clamp(1.6rem,calc(1.15vw + 1.23rem),2.8rem); --space-l: clamp(2rem,calc(1.87vw + 1.4rem),3.96rem); --space-xl: clamp(2.5rem,calc(2.96vw + 1.55rem),5.6rem); --space-2xl: clamp(3.13rem,calc(4.58vw + 1.66rem),7.92rem); --space-3xl: clamp(3.91rem,calc(6.97vw + 1.68rem),11.19rem); --space-4xl: clamp(4.88rem,calc(10.46vw + 1.53rem),15.83rem); --header-space: var(--space-s); --btn-space: var(--space-xs) var(--space-s); --card-space: var(--space-s); --footer-space: var(--space-s) var(--space-m);}.bg-primary { background-color: var(--primary); }.bg-primary-l-1 { background-color: var(--primary-l-1); }.bg-primary-l-2 { background-color: var(--primary-l-2); }.bg-primary-l-3 { background-color: var(--primary-l-3); }.bg-primary-l-4 { background-color: var(--primary-l-4); }.bg-primary-l-5 { background-color: var(--primary-l-5); }.bg-primary-l-6 { background-color: var(--primary-l-6); }.bg-primary-l-7 { background-color: var(--primary-l-7); }.bg-primary-l-8 { background-color: var(--primary-l-8); }.bg-primary-l-9 { background-color: var(--primary-l-9); }.bg-primary-l-10 { background-color: var(--primary-l-10); }.bg-primary-d-1 { background-color: var(--primary-d-1); }.bg-primary-d-2 { background-color: var(--primary-d-2); }.bg-primary-d-3 { background-color: var(--primary-d-3); }.bg-primary-d-4 { background-color: var(--primary-d-4); }.bg-primary-d-5 { background-color: var(--primary-d-5); }.bg-primary-d-6 { background-color: var(--primary-d-6); }.bg-primary-d-7 { background-color: var(--primary-d-7); }.bg-primary-d-8 { background-color: var(--primary-d-8); }.bg-primary-d-9 { background-color: var(--primary-d-9); }.bg-primary-d-10 { background-color: var(--primary-d-10); }.bg-primary-t-1 { background-color: var(--primary-t-1); }.bg-primary-t-2 { background-color: var(--primary-t-2); }.bg-primary-t-3 { background-color: var(--primary-t-3); }.bg-primary-t-4 { background-color: var(--primary-t-4); }.bg-primary-t-5 { background-color: var(--primary-t-5); }.bg-primary-t-6 { background-color: var(--primary-t-6); }.bg-primary-t-7 { background-color: var(--primary-t-7); }.bg-primary-t-8 { background-color: var(--primary-t-8); }.bg-primary-t-9 { background-color: var(--primary-t-9); }.bg-primary-t-10 { background-color: var(--primary-t-10); }.border-dark { border-color: var(--dark); }.border-dark-t-1 { border-color: var(--dark-t-1); }.border-dark-t-2 { border-color: var(--dark-t-2); }.border-dark-t-3 { border-color: var(--dark-t-3); }.border-dark-t-4 { border-color: var(--dark-t-4); }.border-dark-t-5 { border-color: var(--dark-t-5); }.border-dark-t-6 { border-color: var(--dark-t-6); }.border-dark-t-7 { border-color: var(--dark-t-7); }.border-dark-t-8 { border-color: var(--dark-t-8); }.border-dark-t-9 { border-color: var(--dark-t-9); }.border-dark-t-10 { border-color: var(--dark-t-10); }.border-dark-l-1 { border-color: var(--dark-l-1); }.border-dark-l-2 { border-color: var(--dark-l-2); }.border-dark-l-3 { border-color: var(--dark-l-3); }.border-dark-l-4 { border-color: var(--dark-l-4); }.border-dark-l-5 { border-color: var(--dark-l-5); }.border-dark-l-6 { border-color: var(--dark-l-6); }.border-dark-l-7 { border-color: var(--dark-l-7); }.border-dark-l-8 { border-color: var(--dark-l-8); }.border-dark-l-9 { border-color: var(--dark-l-9); }.border-dark-l-10 { border-color: var(--dark-l-10); }