:root { --primary: hsl(190, 88.89%, 10.59%); --accent: hsl(28.28, 34.12%, 50%); --bg-light: hsl(48, 65.22%, 95.49%); --bg-pure: hsl(0, 0%, 100%); --primary-d-1: hsl(190, 89%, 8%); --primary-d-2: hsl(190, 89%, 5%); --primary-d-3: hsl(190, 85%, 3%); --primary-l-1: hsl(190, 21%, 33%); --primary-l-2: hsl(190, 11%, 55%); --primary-l-3: hsl(190, 11%, 78%); --primary-t-1: hsla(190, 89%, 11%, 0.25); --primary-t-2: hsla(190, 89%, 11%, 0.5); --primary-t-3: hsla(190, 89%, 11%, 0.75); --accent-l-1: hsl(28, 34%, 58%); --accent-l-2: hsl(28, 34%, 67%); --accent-l-3: hsl(28, 34%, 75%); --accent-l-4: hsl(28, 34%, 83%); --accent-l-5: hsl(28, 34%, 92%); --muted-2: #666; --dark: #40261a; --h6: clamp(1.23rem, calc(-0.0009259259259259267 * (100vw - 36rem) + 1.23rem), 1.13rem); --h5: clamp(1.54rem, calc(0.0005555555555555561 * (100vw - 36rem) + 1.54rem), 1.6rem); --h4: clamp(1.92rem, calc(0.003148148148148147 * (100vw - 36rem) + 1.92rem), 2.26rem); --h3: clamp(2.4rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.4rem), 3.2rem); --h2: clamp(3rem, calc(0.01407407407407407 * (100vw - 36rem) + 3rem), 4.52rem); --h1: clamp(3.75rem, calc(0.02453703703703704 * (100vw - 36rem) + 3.75rem), 6.4rem); --space-4xs: clamp(0.52rem, calc(-0.0009259259259259263 * (100vw - 36rem) + 0.52rem), 0.42rem); --space-3xs: clamp(0.66rem, calc(-0.0005555555555555561 * (100vw - 36rem) + 0.66rem), 0.6rem); --space-2xs: clamp(0.82rem, calc(0.00027777777777777805 * (100vw - 36rem) + 0.82rem), 0.85rem); --space-xs: clamp(1.02rem, calc(0.0016666666666666661 * (100vw - 36rem) + 1.02rem), 1.2rem); --space-s: clamp(1.28rem, calc(0.0038888888888888883 * (100vw - 36rem) + 1.28rem), 1.7rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --space-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --space-3xl: clamp(3.91rem, calc(0.05259259259259259 * (100vw - 36rem) + 3.91rem), 9.59rem); --space-4xl: clamp(4.88rem, calc(0.08046296296296297 * (100vw - 36rem) + 4.88rem), 13.57rem); --space-5xl: clamp(6.1rem, calc(0.12111111111111111 * (100vw - 36rem) + 6.1rem), 19.18rem); --space-6xl: clamp(7.63rem, calc(0.180462962962963 * (100vw - 36rem) + 7.63rem), 27.12rem); --space-7xl: clamp(9.54rem, calc(0.2667592592592593 * (100vw - 36rem) + 9.54rem), 38.35rem); --space-8xl: clamp(11.92rem, calc(0.3917592592592592 * (100vw - 36rem) + 11.92rem), 54.23rem); --text-4xs: clamp(0.52rem, calc(-0.001851851851851852 * (100vw - 36rem) + 0.52rem), 0.32rem); --text-3xs: clamp(0.66rem, calc(-0.0019444444444444446 * (100vw - 36rem) + 0.66rem), 0.45rem); --text-2xs: clamp(0.82rem, calc(-0.0016666666666666661 * (100vw - 36rem) + 0.82rem), 0.64rem); --text-xs: clamp(1.02rem, calc(-0.0011111111111111111 * (100vw - 36rem) + 1.02rem), 0.9rem); --text-s: clamp(1.28rem, calc(-0.00009259259259259267 * (100vw - 36rem) + 1.28rem), 1.27rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(2rem, calc(0.005092592592592591 * (100vw - 36rem) + 2rem), 2.55rem); --text-xl: clamp(2.5rem, calc(0.010185185185185186 * (100vw - 36rem) + 2.5rem), 3.6rem); --text-2xl: clamp(3.13rem, calc(0.01814814814814815 * (100vw - 36rem) + 3.13rem), 5.09rem); --text-3xl: clamp(3.91rem, calc(0.030462962962962963 * (100vw - 36rem) + 3.91rem), 7.2rem);}.bg-primary { background-color: var(--primary); }.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-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-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); }.border-accent { border-color: var(--accent); }.border-accent-l-1 { border-color: var(--accent-l-1); }.border-accent-l-2 { border-color: var(--accent-l-2); }.border-accent-l-3 { border-color: var(--accent-l-3); }.border-accent-l-4 { border-color: var(--accent-l-4); }.border-accent-l-5 { border-color: var(--accent-l-5); }.outline-accent { outline-color: var(--accent); }.outline-accent-l-1 { outline-color: var(--accent-l-1); }.outline-accent-l-2 { outline-color: var(--accent-l-2); }.outline-accent-l-3 { outline-color: var(--accent-l-3); }.outline-accent-l-4 { outline-color: var(--accent-l-4); }.outline-accent-l-5 { outline-color: var(--accent-l-5); }.fill-accent { fill: var(--accent); }.fill-accent-l-1 { fill: var(--accent-l-1); }.fill-accent-l-2 { fill: var(--accent-l-2); }.fill-accent-l-3 { fill: var(--accent-l-3); }.fill-accent-l-4 { fill: var(--accent-l-4); }.fill-accent-l-5 { fill: var(--accent-l-5); }.text-accent { color: var(--accent); }.text-accent-l-1 { color: var(--accent-l-1); }.text-accent-l-2 { color: var(--accent-l-2); }.text-accent-l-3 { color: var(--accent-l-3); }.text-accent-l-4 { color: var(--accent-l-4); }.text-accent-l-5 { color: var(--accent-l-5); }.stroke-accent { stroke: var(--accent); }.stroke-accent-l-1 { stroke: var(--accent-l-1); }.stroke-accent-l-2 { stroke: var(--accent-l-2); }.stroke-accent-l-3 { stroke: var(--accent-l-3); }.stroke-accent-l-4 { stroke: var(--accent-l-4); }.stroke-accent-l-5 { stroke: var(--accent-l-5); }.bg-bg-light { background-color: var(--bg-light); }.bg-bg-pure { background-color: var(--bg-pure); }.text-bg-pure { color: var(--bg-pure); }.padding-4xs { padding: var(--space-4xs); }.padding-3xs { padding: var(--space-3xs); }.padding-2xs { padding: var(--space-2xs); }.padding-xs { padding: var(--space-xs); }.padding-s { padding: var(--space-s); }.padding-m { padding: var(--space-m); }.padding-l { padding: var(--space-l); }.padding-xl { padding: var(--space-xl); }.padding-2xl { padding: var(--space-2xl); }.padding-3xl { padding: var(--space-3xl); }.padding-4xl { padding: var(--space-4xl); }.padding-5xl { padding: var(--space-5xl); }.padding-6xl { padding: var(--space-6xl); }.padding-7xl { padding: var(--space-7xl); }.padding-8xl { padding: var(--space-8xl); }.text-4xs { font-size: var(--text-4xs); }.text-3xs { font-size: var(--text-3xs); }.text-2xs { font-size: var(--text-2xs); }.text-xs { font-size: var(--text-xs); }.text-s { font-size: var(--text-s); }.text-m { font-size: var(--text-m); }.text-l { font-size: var(--text-l); }.text-xl { font-size: var(--text-xl); }.text-2xl { font-size: var(--text-2xl); }.text-3xl { font-size: var(--text-3xl); }