:root {--min-screen-width: 320px;--max-screen-width: 1280px;--primary: hsla(24.94,80.58%,40.39%,1);--primary-light: hsla(26,66%,52%,1);--primary-soft: rgba(186,89,20,0.15);--bg-body: #ffffff;--bg-surface: hsla(0,0%,100%,1);--bg-dark: #111111;--bg-grey: #282824;--bg-contrast: #1B1B19;--bg-dark-alt: #0A0A0A;--text-body: hsla(0,0%,25%,1);--text-title: hsla(0,0%,0%,1);--text-white: #ffffff;--text-white-d-1: hsla(0,0%,78%,1);--text-white-d-2: hsla(0,0%,57%,1);--text-white-d-3: hsla(0,0%,37%,1);--text-white-d-4: hsla(0,0%,19%,1);--border-primary: hsla(0,0%,50%,0.25);--shadow-primary: hsla(0,0%,0%,0.15);--light: hsla(85,0%,100%,1);--dark: hsla(0,0%,0%,1);--success: hsla(136,95%,56%,1);--error: hsla(351,95%,56%,1);--space-4xs: clamp(0.52rem,calc(-0.03vw + 0.53rem),0.49rem);--space-3xs: clamp(0.66rem,calc(0.05vw + 0.64rem),0.7rem);--space-2xs: clamp(0.82rem,calc(0.18vw + 0.76rem),0.99rem);--space-xs: clamp(1.02rem,calc(0.39vw + 0.9rem),1.4rem);--space-s: clamp(1.28rem,calc(0.73vw + 1.05rem),1.98rem);--space-m: clamp(1.6rem,calc(1.25vw + 1.2rem),2.8rem);--space-l: clamp(2rem,calc(2.04vw + 1.35rem),3.96rem);--space-xl: clamp(2.5rem,calc(3.23vw + 1.47rem),5.6rem);--space-2xl: clamp(3.13rem,calc(4.99vw + 1.53rem),7.92rem);--space-3xl: clamp(3.91rem,calc(7.59vw + 1.48rem),11.19rem);--space-4xl: clamp(4.88rem,calc(11.4vw + 1.23rem),15.83rem);--space-5xl: clamp(6.1rem,calc(16.95vw + 0.68rem),22.38rem);--space-6xl: clamp(7.63rem,calc(25.02vw + -0.38rem),31.64rem);--text-xs: clamp(1.19rem,calc(-0.24vw + 1.26rem),0.96rem);--text-s: clamp(1.33rem,calc(-0.06vw + 1.35rem),1.27rem);--text-m: clamp(1.5rem,calc(0.21vw + 1.43rem),1.7rem);--text-l: clamp(1.69rem,calc(0.6vw + 1.49rem),2.27rem);--text-xl: clamp(1.9rem,calc(1.17vw + 1.52rem),3.02rem);--text-2xl: clamp(2.14rem,calc(1.97vw + 1.51rem),4.03rem);--text-3xl: clamp(2.4rem,calc(3.09vw + 1.41rem),5.37rem);--text-4xl: clamp(2.7rem,calc(4.64vw + 1.22rem),7.15rem);--text-5xl: clamp(3.04rem,calc(6.77vw + 0.88rem),9.54rem);--text-6xl: clamp(3.42rem,calc(9.68vw + 0.32rem),12.71rem);--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.21vw + 0.53rem),0.8rem);--radius-m: clamp(1rem,calc(0.21vw + 0.93rem),1.2rem);--radius-l: clamp(1.6rem,calc(0.42vw + 1.47rem),2rem);--radius-xl: clamp(2.6rem,calc(0.63vw + 2.4rem),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);--ease-smooth: all 0.4s cubic-bezier(0.4,0,0.2,1);}