:root {--min-screen-width: 360px;--max-screen-width: 960px;--primary: #8124F7;--primary-5: #8124f70d;--primary-10: #8124f71a;--primary-20: #8124f733;--primary-30: #8124f74d;--primary-40: #8124f766;--primary-50: #8124f780;--primary-60: #8124f799;--primary-70: #8124f7b3;--primary-80: #8124f7cc;--primary-90: #8124f7e6;--primary-2: #9559fa;--secondary: #222249;--secondary-5: #2222490d;--secondary-10: #2222491a;--secondary-20: #22224933;--secondary-30: #2222494d;--secondary-40: #22224966;--secondary-50: #22224980;--secondary-60: #22224999;--secondary-70: #222249b3;--secondary-80: #222249cc;--secondary-90: #222249e6;--tertiary: #AB94FD;--bg-body: #F7F7F7;--bg-surface: hsla(0,0%,100%,1);--text-body: hsla(0,0%,25%,1);--text-title: hsla(0,0%,9%,1);--border: #d3d3d3;--border-light: #e0e0e0;--shadow-primary: hsla(0,0%,0%,0.15);--light: hsla(85,0%,100%,1);--light-5: hsla(0,0%,100%,0.05);--light-10: hsla(0,0%,100%,0.1);--light-20: hsla(0,0%,100%,0.2);--light-30: hsla(0,0%,100%,0.3);--light-40: hsla(0,0%,100%,0.4);--light-50: hsla(0,0%,100%,0.5);--light-60: hsla(0,0%,100%,0.6);--light-70: hsla(0,0%,100%,0.7);--light-80: hsla(0,0%,100%,0.8);--light-90: hsla(0,0%,100%,0.9);--dark: hsla(0,0%,0%,1);--dark-5: hsla(0,0%,0%,0.05);--dark-10: hsla(0,0%,0%,0.1);--dark-20: hsla(0,0%,0%,0.2);--dark-30: hsla(0,0%,0%,0.3);--dark-40: hsla(0,0%,0%,0.4);--dark-50: hsla(0,0%,0%,0.5);--dark-60: hsla(0,0%,0%,0.6);--dark-70: hsla(0,0%,0%,0.7);--dark-80: hsla(0,0%,0%,0.8);--dark-90: hsla(0,0%,0%,0.9);--success: #4CAF50;--success-5: #4caf500d;--success-10: #4caf501a;--success-20: #4caf5033;--success-30: #4caf504d;--success-40: #4caf5066;--success-50: #4caf5080;--success-60: #4caf5099;--success-70: #4caf50b3;--success-80: #4caf50cc;--success-90: #4caf50e6;--error: #dc3545;--error-5: #dc35450d;--error-10: #dc35451a;--error-20: #dc354533;--error-30: #dc35454d;--error-40: #dc354566;--error-50: #dc354580;--error-60: #dc354599;--error-70: #dc3545b3;--error-80: #dc3545cc;--error-90: #dc3545e6;--space-4xs: clamp(0.52rem,calc(0.08vw + 0.5rem),0.57rem);--space-3xs: clamp(0.66rem,calc(0.17vw + 0.59rem),0.76rem);--space-2xs: clamp(0.82rem,calc(0.32vw + 0.7rem),1.01rem);--space-xs: clamp(1.02rem,calc(0.54vw + 0.83rem),1.35rem);--space-s: clamp(1.28rem,calc(0.87vw + 0.97rem),1.8rem);--space-m: clamp(1.6rem,calc(1.33vw + 1.12rem),2.4rem);--space-l: clamp(2rem,calc(2vw + 1.28rem),3.2rem);--space-xl: clamp(2.5rem,calc(2.94vw + 1.44rem),4.26rem);--space-2xl: clamp(3.13rem,calc(4.27vw + 1.59rem),5.69rem);--space-3xl: clamp(3.91rem,calc(6.12vw + 1.7rem),7.58rem);--space-4xl: clamp(4.88rem,calc(8.7vw + 1.75rem),10.1rem);--text-xs: clamp(1.02rem,calc(-0.02vw + 1.03rem),1.01rem);--text-s: clamp(1.28rem,calc(0.12vw + 1.24rem),1.35rem);--text-m: clamp(1.6rem,calc(0.33vw + 1.48rem),1.8rem);--text-l: clamp(2rem,calc(0.67vw + 1.76rem),2.4rem);--text-xl: clamp(2.5rem,calc(1.16vw + 2.08rem),3.2rem);--text-2xl: clamp(3.13rem,calc(1.9vw + 2.44rem),4.26rem);--text-3xl: clamp(3.91rem,calc(2.96vw + 2.84rem),5.68rem);--text-4xl: clamp(4.88rem,calc(4.49vw + 3.27rem),7.58rem);--hero-title-size: var(--text-4xl);--post-title-size: var(--text-2xl);--nav-link-size: var(--text-s);--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);--columns-1: repeat(1,minmax(0,1fr));--columns-2: repeat(2,minmax(0,1fr));--columns-3: repeat(3,minmax(0,1fr));--columns-4: repeat(4,minmax(0,1fr));--columns-5: repeat(5,minmax(0,1fr));--columns-6: repeat(6,minmax(0,1fr));--columns-7: repeat(7,minmax(0,1fr));--columns-8: repeat(8,minmax(0,1fr));--radius-xs: clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--radius-s: clamp(0.6rem,calc(0.33vw + 0.48rem),0.8rem);--radius-m: clamp(1rem,calc(0.33vw + 0.88rem),1.2rem);--radius-l: clamp(1.6rem,calc(0.67vw + 1.36rem),2rem);--radius-xl: clamp(2.6rem,calc(1vw + 2.24rem),3.2rem);--radius-full: 999rem;--box-shadow-1: rgba(0,0,0,0.1) 0px 6px 12px;--box-shadow-2: rgba(0,0,0,0.05) 0px 4px 12px;}