:root { --primary: #8e2a2a; --secondary: #373e26; --secondary-l-1: #696e5c; --secondary-l-2: #9b9f93; --secondary-l-3: #cdcfc9; --base: #4a2c1a; --white: #ffffff; --white-t-1: hsla(0, 0%, 100%, 0.09); --white-t-2: hsla(0, 0%, 100%, 0.18); --white-t-3: hsla(0, 0%, 100%, 0.27); --white-t-4: hsla(0, 0%, 100%, 0.36); --white-t-5: hsla(0, 0%, 100%, 0.45); --white-t-6: hsla(0, 0%, 100%, 0.55); --white-t-7: hsla(0, 0%, 100%, 0.64); --white-t-8: hsla(0, 0%, 100%, 0.73); --white-t-9: hsla(0, 0%, 100%, 0.82); --white-t-10: hsla(0, 0%, 100%, 0.91); --black: #000000; --black-t-1: hsla(0, 0%, 0%, 0.09); --black-t-2: hsla(0, 0%, 0%, 0.18); --black-t-3: hsla(0, 0%, 0%, 0.27); --black-t-4: hsla(0, 0%, 0%, 0.36); --black-t-5: hsla(0, 0%, 0%, 0.45); --black-t-6: hsla(0, 0%, 0%, 0.55); --black-t-7: hsla(0, 0%, 0%, 0.64); --black-t-8: hsla(0, 0%, 0%, 0.73); --black-t-9: hsla(0, 0%, 0%, 0.82); --black-t-10: hsla(0, 0%, 0%, 0.91); --error: #ff4246; --error-l-1: hsl(359, 100%, 92%); --error-d-1: #802123; --success: #05df72; --success-l-1: hsl(151, 76%, 90%); --success-d-1: #037039; --base-d-1: #3b2315; --base-d-2: #2c1a10; --base-d-3: #241e18; --base-d-4: #1a1714; --base-t-1: hsla(22, 48%, 20%, 0.17); --base-t-2: hsla(22, 48%, 20%, 0.33); --base-t-3: hsla(22, 48%, 20%, 0.5); --base-t-4: hsla(22, 48%, 20%, 0.67); --base-t-5: hsla(22, 48%, 20%, 0.83); --base-l-1: #69462c; --base-l-2: #ae8a71; --base-l-3: #e8dfcd; --base-l-4: #eee7d9; --base-l-5: #f3efe6; --space-2xs: clamp(0.51rem, calc(-0.001037037037037037 * (100vw - 22.5rem) + 0.51rem), 0.44rem); --space-xs: clamp(0.64rem, calc(-0.00014814814814814828 * (100vw - 22.5rem) + 0.64rem), 0.63rem); --space-s: clamp(0.8rem, calc(0.0011851851851851845 * (100vw - 22.5rem) + 0.8rem), 0.88rem); --space-m: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --space-l: clamp(1.25rem, calc(0.007703703703703704 * (100vw - 22.5rem) + 1.25rem), 1.77rem); --space-xl: clamp(1.56rem, calc(0.013925925925925925 * (100vw - 22.5rem) + 1.56rem), 2.5rem); --space-2xl: clamp(1.95rem, calc(0.023407407407407405 * (100vw - 22.5rem) + 1.95rem), 3.53rem); --space-3xl: clamp(2.44rem, calc(0.037925925925925925 * (100vw - 22.5rem) + 2.44rem), 5rem); --text-xs: clamp(0.64rem, calc(0.0014814814814814812 * (100vw - 22.5rem) + 0.64rem), 0.74rem); --text-s: clamp(0.8rem, calc(0.0013333333333333329 * (100vw - 22.5rem) + 0.8rem), 0.89rem); --text-m: clamp(1rem, calc(0.0008888888888888897 * (100vw - 22.5rem) + 1rem), 1.06rem); --text-l: clamp(1.25rem, calc(0.00029629629629629656 * (100vw - 22.5rem) + 1.25rem), 1.27rem); --text-xl: clamp(1.56rem, calc(-0.00044444444444444485 * (100vw - 22.5rem) + 1.56rem), 1.53rem); --text-2xl: clamp(1.95rem, calc(-0.0016296296296296278 * (100vw - 22.5rem) + 1.95rem), 1.84rem); --h6: clamp(0.56rem, calc(-0.0008888888888888897 * (100vw - 22.5rem) + 0.56rem), 0.5rem); --h5: clamp(0.88rem, calc(0 * (100vw - 22.5rem) + 0.88rem), 0.88rem); --h4: clamp(1rem, calc(0.003703703703703704 * (100vw - 22.5rem) + 1rem), 1.25rem); --h3: clamp(1.5rem, calc(0.009333333333333332 * (100vw - 22.5rem) + 1.5rem), 2.13rem); --h2: clamp(2.25rem, calc(0.022222222222222223 * (100vw - 22.5rem) + 2.25rem), 3.75rem); --h1: clamp(2.88rem, calc(0.04992592592592593 * (100vw - 22.5rem) + 2.88rem), 6.25rem); --section-s: clamp(2.81rem, calc(0.03244444444444444 * (100vw - 22.5rem) + 2.81rem), 5rem); --section-m: clamp(3.75rem, calc(0.05555555555555555 * (100vw - 22.5rem) + 3.75rem), 7.5rem); --section-l: clamp(5rem, calc(0.09259259259259259 * (100vw - 22.5rem) + 5rem), 11.25rem); --section-xl: clamp(6.66rem, calc(0.15140740740740738 * (100vw - 22.5rem) + 6.66rem), 16.88rem); --section-2xl: clamp(8.88rem, calc(0.2434074074074074 * (100vw - 22.5rem) + 8.88rem), 25.31rem);}.pad-2xs { padding: var(--space-2xs); }.pad-xs { padding: var(--space-xs); }.pad-s { padding: var(--space-s); }.pad-m { padding: var(--space-m); }.pad-l { padding: var(--space-l); }.pad-xl { padding: var(--space-xl); }.pad-2xl { padding: var(--space-2xl); }.pad-3xl { padding: var(--space-3xl); }.section-s { padding-block: var(--section-s); }.section-m { padding-block: var(--section-m); }.section-l { padding-block: var(--section-l); }.section-xl { padding-block: var(--section-xl); }.section-2xl { padding-block: var(--section-2xl); }