:root {--min-viewport: 360;--max-viewport: 1600;--base-font: 10;--clamp-unit: 1vw;--min-screen-width: 320px;--max-screen-width: 1400px;--blue-100: #A2C7FF;--blue-100-5: hsla(216,100%,82%,0.05);--blue-100-10: hsla(216,100%,82%,0.1);--blue-100-20: hsla(216,100%,82%,0.2);--blue-100-30: hsla(216,100%,82%,0.3);--blue-100-40: hsla(216,100%,82%,0.4);--blue-100-50: hsla(216,100%,82%,0.5);--blue-100-60: hsla(216,100%,82%,0.6);--blue-100-70: hsla(216,100%,82%,0.7);--blue-100-80: hsla(216,100%,82%,0.8);--blue-100-90: hsla(216,100%,82%,0.9);--blue-100-d-1: hsla(216,38%,64%,1);--blue-100-d-2: hsla(217,21%,47%,1);--blue-100-d-3: hsla(217,19%,31%,1);--blue-100-d-4: hsla(218,16%,16%,1);--blue-100-l-1: hsla(217,100%,86%,1);--blue-100-l-2: hsla(218,100%,89%,1);--blue-100-l-3: hsla(218,100%,93%,1);--blue-100-l-4: hsla(219,100%,97%,1);--blue-300: #7EA9FF;--blue-500: #3E4095;--blue-700: #222163;--blue-900: #1b1c40;--red-on-light: #ed2e0d;--red-on-dark: #e74029;--white: #FFFF;--grey-100: #F7F7F9;--grey-200: #D4D4D6;--grey-400: #ACACAD;--grey-600: #838385;--black: #111232;--space-3xs: clamp(0.5rem,calc(0.37vw + 0.43rem),0.75rem);--space-2xs: clamp(0.63rem,calc(0.56vw + 0.51rem),1rem);--space-xs: clamp(0.78rem,calc(0.82vw + 0.62rem),1.33rem);--space-s: clamp(0.98rem,calc(1.19vw + 0.74rem),1.78rem);--space-m: clamp(1.22rem,calc(1.7vw + 0.88rem),2.37rem);--space-l: clamp(1.53rem,calc(2.42vw + 1.04rem),3.16rem);--space-xl: clamp(1.91rem,calc(3.41vw + 1.23rem),4.21rem);--space-2xl: clamp(2.38rem,calc(4.78vw + 1.43rem),5.61rem);--space-3xl: clamp(2.98rem,calc(6.66vw + 1.65rem),7.48rem);--space-4xl: clamp(3.73rem,calc(9.25vw + 1.88rem),9.97rem);--space-5xl: clamp(4.66rem,calc(12.78vw + 2.1rem),13.29rem);--fs-xs: clamp(0.83rem,calc(0.25vw + 0.78rem),1rem);--fs-s: clamp(1rem,calc(0.37vw + 0.93rem),1.25rem);--fs-m: clamp(1.2rem,calc(0.54vw + 1.09rem),1.56rem);--fs-l: clamp(1.44rem,calc(0.76vw + 1.29rem),1.95rem);--fs-xl: clamp(1.73rem,calc(1.06vw + 1.52rem),2.44rem);--fs-2xl: clamp(2.07rem,calc(1.45vw + 1.78rem),3.05rem);--fs-3xl: clamp(2.49rem,calc(1.97vw + 2.1rem),3.81rem);--fs-4xl: clamp(2.99rem,calc(2.64vw + 2.46rem),4.77rem);--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);--body-padding: clamp(24px,-20.30769231px + 12.307692307692308vw,216px);--test-variable: 10px;--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.25rem,calc(0vw + 0.25rem),0.25rem);--radius-s: clamp(0.38rem,calc(0.19vw + 0.34rem),0.5rem);--radius-m: clamp(0.63rem,calc(0.19vw + 0.59rem),0.75rem);--radius-l: clamp(1rem,calc(0.37vw + 0.93rem),1.25rem);--radius-xl: clamp(1.63rem,calc(0.56vw + 1.51rem),2rem);--radius-full: 999rem;--shadow-xs: 0 1px 2px var(--shadow-primary);--shadow-s: 0 1.5px 3px var(--shadow-primary);--shadow-m: 0 2px 6px var(--shadow-primary);--shadow-l: 0 3px 12px var(--shadow-primary);--shadow-xl: 0 6px 48px var(--shadow-primary);}