:root {--min-viewport: 360;--max-viewport: 1600;--base-font: 10;--clamp-unit: 1vw;--space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem);--min-screen-width: 360px;--max-screen-width: 1588px;--color-primary: hsla(250,28%,21%,1);--color-primary-light-1: hsla(248,29%,31%,1);--color-primary-light-2: hsla(250,12%,59%,1);--color-primary-light-3: hsla(270,15%,97%,1);--color-secondary: hsla(334,98%,39%,1);--color-secondary-light: hsla(333,67%,94%,1);--color-tertiary: hsla(187,100%,38%,1);--color-quaternary: hsla(40,9%,93%,1);--color-quinary: hsla(43,100%,49%,1);--color-base-dark: hsl(0,0%,12.55%);--color-base-medium: hsla(249,6%,32%,1);--color-base-light: hsla(0,0%,100%,1);--color-success: hsla(111,43%,58%,1);--color-error: hsla(0,76%,56%,1);--space-3xs: clamp(0.2rem,calc(0.16vw + 0.14rem),0.4rem);--space-2xs: clamp(0.4rem,calc(0.33vw + 0.28rem),0.8rem);--space-xs: clamp(0.8rem,calc(0.65vw + 0.57rem),1.6rem);--space-s: clamp(1.2rem,calc(0.98vw + 0.85rem),2.4rem);--space-m: clamp(1.6rem,calc(1.3vw + 1.13rem),3.2rem);--space-l: clamp(2.2rem,calc(2.12vw + 1.44rem),4.8rem);--space-xl: clamp(3.2rem,calc(2.61vw + 2.26rem),6.4rem);--space-2xl: clamp(4.8rem,calc(3.91vw + 3.39rem),9.6rem);--space-3xl: clamp(6.4rem,calc(5.21vw + 4.52rem),12.8rem);--space-4xl: clamp(9.6rem,calc(5.21vw + 7.72rem),16rem);--space-5xl: clamp(11.6rem,calc(6.11vw + 9.4rem),19.1rem);--text-xs: clamp(1.2rem,calc(0.33vw + 1.08rem),1.6rem);--text-s: clamp(1.4rem,calc(0.33vw + 1.28rem),1.8rem);--text-m: clamp(1.6rem,calc(0.33vw + 1.48rem),2rem);--text-l: clamp(1.8rem,calc(0.33vw + 1.68rem),2.2rem);--text-xl: clamp(2.2rem,calc(0.16vw + 2.14rem),2.4rem);--text-2xl: clamp(2.2rem,calc(0.81vw + 1.91rem),3.2rem);--text-3xl: clamp(2.4rem,calc(1.3vw + 1.93rem),4rem);--text-4xl: clamp(2.6rem,calc(1.63vw + 2.01rem),4.6rem);--text-5xl: clamp(2.8rem,calc(2.44vw + 1.92rem),5.8rem);--text-6xl: clamp(3rem,calc(3.58vw + 1.71rem),7.4rem);--hero-title-size: var(--text-3xl);--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));--columns-9: repeat(9,minmax(0,1fr));--columns-10: repeat(10,minmax(0,1fr));--columns-11: repeat(11,minmax(0,1fr));--columns-12: repeat(12,minmax(0,1fr));--radius-xs: clamp(0.2rem,calc(0.16vw + 0.14rem),0.4rem);--radius-s: clamp(0.4rem,calc(0.16vw + 0.34rem),0.6rem);--radius-m: clamp(1.2rem,calc(0.33vw + 1.08rem),1.6rem);--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);}