:root {--min-viewport: 360;--max-viewport: 1600;--base-font: 10;--clamp-unit: 1vw;--min-screen-width: 480px;--max-screen-width: 1200px;--primary: #ffeb34;--secondary: #a4a19d;--tertiary: #eee;--quatarnary: #444;--bg-body: #ffffff;--bg-surface: #eeeeee;--bg-hover: #7f7f7f;--text-body: #666;--text-title: #333333;--light: #ffffff;--dark: #000000;--space-4xs: clamp(0.4rem,calc(0.14vw + 0.33rem),0.5rem);--space-3xs: clamp(0.66rem,calc(0.06vw + 0.63rem),0.7rem);--space-2xs: clamp(0.7rem,calc(0.42vw + 0.5rem),1rem);--space-xs: clamp(1.2rem,calc(0.42vw + 1rem),1.5rem);--space-s: clamp(1.6rem,calc(0.56vw + 1.33rem),2rem);--space-m: clamp(2rem,calc(0.56vw + 1.73rem),2.4rem);--space-l: clamp(2.4rem,calc(0.83vw + 2rem),3rem);--space-xl: clamp(3rem,calc(1.39vw + 2.33rem),4rem);--space-2xl: clamp(4rem,calc(1.39vw + 3.33rem),5rem);--space-3xl: clamp(4rem,calc(2.78vw + 2.67rem),6rem);--space-4xl: clamp(3.8rem,calc(6.11vw + 0.87rem),8.2rem);--space-5xl: clamp(6rem,calc(5.56vw + 3.33rem),10rem);--space-section-x: clamp(1.6rem,calc(3.33vw + 0rem),4rem);--space-section-y: clamp(3rem,calc(4.17vw + 1rem),6rem);--text-3xs: clamp(1rem,calc(0.14vw + 0.93rem),1.1rem);--text-2xs: clamp(1.1rem,calc(0.14vw + 1.03rem),1.2rem);--text-xs: clamp(1.4rem,calc(0vw + 1.4rem),1.4rem);--text-s: clamp(1.5rem,calc(0.14vw + 1.43rem),1.6rem);--text-m: clamp(1.7rem,calc(0.14vw + 1.63rem),1.8rem);--text-l: clamp(1.9rem,calc(0.49vw + 1.67rem),2.25rem);--text-xl: clamp(2.1rem,calc(0.42vw + 1.9rem),2.4rem);--text-2xl: clamp(2.5rem,calc(0.97vw + 2.03rem),3.2rem);--text-3xl: clamp(3.3rem,calc(2.08vw + 2.3rem),4.8rem);--text-4xl: clamp(4rem,calc(2.78vw + 2.67rem),6rem);--text-5xl: clamp(4.5rem,calc(4.86vw + 2.17rem),8rem);--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));--max-screen-width-l: 150rem;--max-screen-width-m: 100rem;--radius-xs: 0.2rem;--radius-s: 0.4rem;--radius-base: 0.8rem;--radius-m: 1.2rem;--radius-l: 1.6rem;--radius-xl: 4rem;--radius-full: 999rem;--shadow-xs: 0 8px 16px var(--drop-shadow-2);--shadow-s: 0 4px 12px 0 var(--drop-shadow);--shadow-m: 0 0px 12px 0 var(--drop-shadow);--shadow-l: 0 6px 8px 0 var(--drop-shadow);--shadow-xl: 0 12px 20px 0 var(--drop-shadow);--shadow-header: 0 2px 12px 4px var(--drop-shadow);}