:root { --color-green: hsl(142, 72%, 50%); --color-amber: hsl(38, 95%, 60%); --color-cyan: hsl(186, 90%, 52%); --color-pink: hsl(330, 90%, 60%); --color-fg: hsl(0, 0%, 96%); --color-bg: hsl(240, 10%, 97%); --color-fg-muted: hsl(240, 4%, 20%); --color-primary: var(--color-green); --color-primary-fg: hsl(0, 0%, 100%); --color-border: hsl(240, 6%, 85%); --color-bg-card: hsl(240, 10%, 94%); --color-fg-swapped: hsl(0 0% 4%); --h6: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --h5: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --h4: clamp(2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2rem), 2.4rem); --h3: clamp(2.4rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.4rem), 3.2rem); --h2: clamp(3rem, calc(0.007407407407407406 * (100vw - 36rem) + 3rem), 3.8rem); --h1: clamp(4rem, calc(0.014814814814814812 * (100vw - 36rem) + 4rem), 5.6rem); --text-xs: clamp(0.7rem, calc(0.0007407407407407414 * (100vw - 22.5rem) + 0.7rem), 0.75rem); --text-s: clamp(0.94rem, calc(0.0008888888888888897 * (100vw - 22.5rem) + 0.94rem), 1rem); --text-m: clamp(1.25rem, calc(0.0011851851851851863 * (100vw - 22.5rem) + 1.25rem), 1.33rem); --text-l: clamp(1.67rem, calc(0.001629629629629631 * (100vw - 22.5rem) + 1.67rem), 1.78rem); --text-xl: clamp(2.22rem, calc(0.002222222222222221 * (100vw - 22.5rem) + 2.22rem), 2.37rem);}