:root {--cf-min-screen-width: 320px;--cf-max-screen-width: 1296px;--cf-clr-1: hsla(223,100%,91%,1);--cf-clr-2: hsla(326,35%,88%,1);--cf-clr-3: hsla(41,17%,40%,1);--cf-clr-4: hsla(141,35%,83%,1);--cf-clr-5: hsla(268,90%,93%,1);--cf-clr-6: hsla(41,14%,85%,1);--cf-bg-body: hsla(12,20%,95%,1);--cf-bg-surface: hsla(0,0%,100%,1);--cf-text-body: hsla(0,0%,35%,1);--cf-text-title: hsla(0,0%,0%,1);--cf-text-light: hsla(139,0%,100%,1);--cf-border-primary: hsla(0,0%,50%,0.25);--cf-shadow-primary: hsla(0,0%,0%,0.15);--cf-border-1: hsla(223,100%,76%,1);--cf-border-2: hsla(326,35%,76%,1);--cf-border-3: hsla(41,17%,40%,1);--cf-border-4: hsla(141,35%,76%,1);--cf-border-5: hsla(268,90%,76%,1);--cf-border-6: hsla(41,14%,85%,1);--cf-light: hsla(85,0%,100%,1);--cf-light-5: hsla(0,0%,100%,0.05);--cf-light-10: hsla(0,0%,100%,0.1);--cf-light-20: hsla(0,0%,100%,0.2);--cf-light-30: hsla(0,0%,100%,0.3);--cf-light-40: hsla(0,0%,100%,0.4);--cf-light-50: hsla(0,0%,100%,0.5);--cf-light-60: hsla(0,0%,100%,0.6);--cf-light-70: hsla(0,0%,100%,0.7);--cf-light-80: hsla(0,0%,100%,0.8);--cf-light-90: hsla(0,0%,100%,0.9);--cf-dark: hsla(0,0%,0%,1);--cf-dark-5: hsla(0,0%,0%,0.05);--cf-dark-10: hsla(0,0%,0%,0.1);--cf-dark-20: hsla(0,0%,0%,0.2);--cf-dark-30: hsla(0,0%,0%,0.3);--cf-dark-40: hsla(0,0%,0%,0.4);--cf-dark-50: hsla(0,0%,0%,0.5);--cf-dark-60: hsla(0,0%,0%,0.6);--cf-dark-70: hsla(0,0%,0%,0.7);--cf-dark-80: hsla(0,0%,0%,0.8);--cf-dark-90: hsla(0,0%,0%,0.9);--cf-success: hsla(136,60%,56%,1);--cf-success-5: hsla(136,60%,56%,0.05);--cf-success-10: hsla(136,60%,56%,0.1);--cf-success-20: hsla(136,60%,56%,0.2);--cf-success-30: hsla(136,60%,56%,0.3);--cf-success-40: hsla(136,60%,56%,0.4);--cf-success-50: hsla(136,60%,56%,0.5);--cf-success-60: hsla(136,60%,56%,0.6);--cf-success-70: hsla(136,60%,56%,0.7);--cf-success-80: hsla(136,60%,56%,0.8);--cf-success-90: hsla(136,60%,56%,0.9);--cf-success-bg: hsla(136,70%,95%,1);--cf-success-bg-5: hsla(136,70%,95%,0.05);--cf-success-bg-10: hsla(136,70%,95%,0.1);--cf-success-bg-20: hsla(136,70%,95%,0.2);--cf-success-bg-30: hsla(136,70%,95%,0.3);--cf-success-bg-40: hsla(136,70%,95%,0.4);--cf-success-bg-50: hsla(136,70%,95%,0.5);--cf-success-bg-60: hsla(136,70%,95%,0.6);--cf-success-bg-70: hsla(136,70%,95%,0.7);--cf-success-bg-80: hsla(136,70%,95%,0.8);--cf-success-bg-90: hsla(136,70%,95%,0.9);--cf-error: hsla(351,95%,56%,1);--cf-error-5: hsla(351,95%,56%,0.05);--cf-error-10: hsla(351,95%,56%,0.1);--cf-error-20: hsla(351,95%,56%,0.2);--cf-error-30: hsla(351,95%,56%,0.3);--cf-error-40: hsla(351,95%,56%,0.4);--cf-error-50: hsla(351,95%,56%,0.5);--cf-error-60: hsla(351,95%,56%,0.6);--cf-error-70: hsla(351,95%,56%,0.7);--cf-error-80: hsla(351,95%,56%,0.8);--cf-error-90: hsla(351,95%,56%,0.9);--cf-space-4xs: clamp(0.24rem,calc(0.12vw + 0.21rem),0.31rem);--cf-space-3xs: clamp(0.32rem,calc(0.2vw + 0.28rem),0.44rem);--cf-space-2xs: clamp(0.42rem,calc(0.32vw + 0.36rem),0.62rem);--cf-space-xs: clamp(0.56rem,calc(0.51vw + 0.46rem),0.88rem);--cf-space-s: clamp(0.75rem,calc(0.8vw + 0.59rem),1.24rem);--cf-space-m: clamp(1rem,calc(1.23vw + 0.75rem),1.75rem);--cf-space-l: clamp(1.33rem,calc(1.87vw + 0.96rem),2.47rem);--cf-space-xl: clamp(1.78rem,calc(2.82vw + 1.21rem),3.5rem);--cf-space-2xl: clamp(2.37rem,calc(4.23vw + 1.52rem),4.95rem);--cf-space-3xl: clamp(3.16rem,calc(6.29vw + 1.9rem),7rem);--cf-space-4xl: clamp(4.21rem,calc(9.32vw + 2.35rem),9.89rem);--cf-text-xs: clamp(0.65rem,calc(-0.03vw + 0.66rem),0.63rem);--cf-text-s: clamp(0.78rem,calc(0.1vw + 0.76rem),0.84rem);--cf-text-m: clamp(0.94rem,calc(0.31vw + 0.88rem),1.13rem);--cf-text-l: clamp(1.13rem,calc(0.61vw + 1rem),1.5rem);--cf-text-xl: clamp(1.35rem,calc(1.06vw + 1.14rem),2rem);--cf-text-2xl: clamp(1.62rem,calc(1.71vw + 1.28rem),2.66rem);--cf-text-3xl: clamp(1.94rem,calc(2.64vw + 1.42rem),3.55rem);--cf-text-4xl: clamp(2.33rem,calc(3.94vw + 1.54rem),4.74rem);--cf-text-5xl: clamp(2.8rem,calc(5.76vw + 1.65rem),6.31rem);--cf-hero-title-size: var(--cf-text-4xl);--cf-post-title-size: var(--cf-text-2xl);--cf-nav-link-size: var(--cf-text-s);--cf-header-space: var(--cf-space-s);--cf-btn-space: var(--cf-space-xs) var(--cf-space-s);--cf-card-space: var(--cf-space-s);--cf-footer-space: var(--cf-space-s) var(--cf-space-m);--cf-columns-1: repeat(1,minmax(0,1fr));--cf-columns-2: repeat(2,minmax(0,1fr));--cf-columns-3: repeat(3,minmax(0,1fr));--cf-columns-4: repeat(4,minmax(0,1fr));--cf-columns-5: repeat(5,minmax(0,1fr));--cf-columns-6: repeat(6,minmax(0,1fr));--cf-columns-7: repeat(7,minmax(0,1fr));--cf-columns-8: repeat(8,minmax(0,1fr));--cf-radius-xs: clamp(0.25rem,calc(0vw + 0.25rem),0.25rem);--cf-radius-s: clamp(0.38rem,calc(0.2vw + 0.33rem),0.5rem);--cf-radius-m: clamp(0.63rem,calc(0.2vw + 0.58rem),0.75rem);--cf-radius-l: clamp(1rem,calc(0.41vw + 0.92rem),1.25rem);--cf-radius-xl: clamp(1.63rem,calc(0.61vw + 1.5rem),2rem);--cf-radius-full: 999rem;--cf-shadow-xs: 0 1px 2px var(--cf-shadow-primary);--cf-shadow-s: 0 1.5px 3px var(--cf-shadow-primary);--cf-shadow-m: 0 2px 6px var(--cf-shadow-primary);--cf-shadow-l: 0 3px 12px var(--cf-shadow-primary);--cf-shadow-xl: 0 6px 48px var(--cf-shadow-primary);}