:root {--min-screen-width: 360px;--max-screen-width: 1280px;--primary: #357e46;--primary-5: #357e460d;--primary-10: #357e461a;--primary-20: #357e4633;--primary-30: #357e464d;--primary-40: #357e4666;--primary-50: #357e4680;--primary-60: #357e4699;--primary-70: #357e46b3;--primary-80: #357e46cc;--primary-90: #357e46e6;--secondary: #9abe5f;--secondary-5: #9abe5f0d;--secondary-10: #9abe5f1a;--secondary-20: #9abe5f33;--secondary-30: #9abe5f4d;--secondary-40: #9abe5f66;--secondary-50: #9abe5f80;--secondary-60: #9abe5f99;--secondary-70: #9abe5fb3;--secondary-80: #9abe5fcc;--secondary-90: #9abe5fe6;--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.05vw + 0.51rem),0.57rem);--space-3xs: clamp(0.66rem,calc(0.11vw + 0.61rem),0.76rem);--space-2xs: clamp(0.82rem,calc(0.21vw + 0.74rem),1.01rem);--space-xs: clamp(1.02rem,calc(0.36vw + 0.9rem),1.35rem);--space-s: clamp(1.28rem,calc(0.57vw + 1.08rem),1.8rem);--space-m: clamp(1.6rem,calc(0.87vw + 1.29rem),2.4rem);--space-l: clamp(2rem,calc(1.3vw + 1.53rem),3.2rem);--space-xl: clamp(2.5rem,calc(1.92vw + 1.81rem),4.26rem);--space-2xl: clamp(3.13rem,calc(2.78vw + 2.12rem),5.69rem);--space-3xl: clamp(3.91rem,calc(3.99vw + 2.47rem),7.58rem);--space-4xl: clamp(4.88rem,calc(5.67vw + 2.84rem),10.1rem);--text-xs: clamp(1.02rem,calc(-0.01vw + 1.03rem),1.01rem);--text-s: clamp(1.28rem,calc(0.08vw + 1.25rem),1.35rem);--text-m: clamp(1.6rem,calc(0.22vw + 1.52rem),1.8rem);--text-l: clamp(2rem,calc(0.43vw + 1.84rem),2.4rem);--text-xl: clamp(2.5rem,calc(0.76vw + 2.23rem),3.2rem);--text-2xl: clamp(3.13rem,calc(1.24vw + 2.68rem),4.26rem);--text-3xl: clamp(3.91rem,calc(1.93vw + 3.21rem),5.68rem);--text-4xl: clamp(4.88rem,calc(2.93vw + 3.83rem),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);--radius-xs: clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--radius-s: clamp(0.6rem,calc(0.22vw + 0.52rem),0.8rem);--radius-m: clamp(1rem,calc(0.22vw + 0.92rem),1.2rem);--radius-l: clamp(1.6rem,calc(0.43vw + 1.44rem),2rem);--radius-xl: clamp(2.6rem,calc(0.65vw + 2.36rem),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;}