:root {--blue: #3e75ad;--light-blue: #5ba8d8;--green: #c0cc3b;--orange: #ef7839;--grey: #b2bbc6;--light-grey: #f2f3f8;--bg-dark-blue: #133553;--bg-blue: #3e75ad;--bg-lightgrey: #f3f3f3;--bg-green: #c0cc3b;--bg-topbanner1: #176a9b;--bg-topbanner2: #2a99d5;--text-body: #767676;--text-title: #000000;--border-primary: #80808040;--shadow-primary: #00000026;--light: #ffffff;--dark: #000000;--success: #c0cc3b;--error: #ef7839;--space-4xs: clamp(0.52rem,calc(0.46vw + 0.38rem),0.92rem);--space-3xs: clamp(0.66rem,calc(0.58vw + 0.47rem),1.15rem);--space-2xs: clamp(0.82rem,calc(0.72vw + 0.59rem),1.43rem);--space-xs: clamp(1.02rem,calc(0.9vw + 0.73rem),1.79rem);--space-s: clamp(1.28rem,calc(1.13vw + 0.92rem),2.24rem);--space-m: clamp(1.6rem,calc(1.41vw + 1.15rem),2.8rem);--space-l: clamp(2rem,calc(1.76vw + 1.44rem),3.5rem);--space-xl: clamp(2.5rem,calc(2.21vw + 1.79rem),4.38rem);--space-2xl: clamp(3.13rem,calc(2.76vw + 2.24rem),5.47rem);--space-3xl: clamp(3.91rem,calc(3.45vw + 2.8rem),6.84rem);--space-4xl: clamp(4.88rem,calc(4.31vw + 3.5rem),8.54rem);--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);--text-xs: clamp(1.26rem,calc(0.19vw + 1.21rem),1.42rem);--text-s: clamp(1.42rem,calc(0.21vw + 1.35rem),1.6rem);--text-m: clamp(1.6rem,calc(0.24vw + 1.52rem),1.8rem);--text-l: clamp(1.8rem,calc(0.26vw + 1.71rem),2.02rem);--text-xl: clamp(2.02rem,calc(0.3vw + 1.93rem),2.28rem);--text-2xl: clamp(2.28rem,calc(0.34vw + 2.17rem),2.56rem);--text-3xl: clamp(2.56rem,calc(0.38vw + 2.44rem),2.88rem);--text-4xl: clamp(2.88rem,calc(0.42vw + 2.75rem),3.24rem);--hero-title-size: var(--text-4xl);--post-title-size: var(--text-2xl);--nav-link-size: var(--text-s);--radius-xs: clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--radius-s: clamp(0.6rem,calc(0.24vw + 0.53rem),0.8rem);--radius-m: clamp(1rem,calc(0.24vw + 0.93rem),1.2rem);--radius-l: clamp(1.6rem,calc(0.47vw + 1.45rem),2rem);--radius-xl: clamp(2.6rem,calc(0.71vw + 2.37rem),3.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);--min-viewport: 360;--max-viewport: 1600;--base-font: 10;--clamp-unit: 1vw;}