:root {--min-screen-width: 320px;--max-screen-width: 1400px;--primary: #1e1e1e;--primary-5: #1e1e1e0d;--primary-10: #1e1e1e1a;--primary-20: #1e1e1e33;--primary-30: #1e1e1e4d;--primary-40: #1e1e1e66;--primary-50: #1e1e1e80;--primary-60: #1e1e1e99;--primary-70: #1e1e1eb3;--primary-80: #1e1e1ecc;--primary-90: #1e1e1ee6;--bg-body: #ebebeb;--bg-body-5: #ebebeb0d;--bg-body-10: #ebebeb1a;--bg-body-20: #ebebeb33;--bg-body-30: #ebebeb4d;--bg-body-40: #ebebeb66;--bg-body-50: #ebebeb80;--bg-body-60: #ebebeb99;--bg-body-70: #ebebebb3;--bg-body-80: #ebebebcc;--bg-body-90: #ebebebe6;--bg-surface: #d1d5db;--text-white: #FFFF;--text-white-5: #ffffff0d;--text-white-10: #ffffff1a;--text-white-20: #ffffff33;--text-white-30: #ffffff4d;--text-white-40: #ffffff66;--text-white-50: #ffffff80;--text-white-60: #ffffff99;--text-white-70: #ffffffb3;--text-white-80: #ffffffcc;--text-white-90: #ffffffe6;--text-black: #000000;--text-black-5: #0000000d;--text-black-10: #0000001a;--text-black-20: #00000033;--text-black-30: #0000004d;--text-black-40: #00000066;--text-black-50: #00000080;--text-black-60: #00000099;--text-black-70: #000000b3;--text-black-80: #000000cc;--text-black-90: #000000e6;--text-1: #eb5757;--text-1-5: #eb57570d;--text-1-10: #eb57571a;--text-1-20: #eb575733;--text-1-30: #eb57574d;--text-1-40: #eb575766;--text-1-50: #eb575780;--text-1-60: #eb575799;--text-1-70: #eb5757b3;--text-1-80: #eb5757cc;--text-1-90: #eb5757e6;--space-4xs: clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--space-3xs: clamp(1.5rem,calc(0.09vw + 1.47rem),1.6rem);--space-2xs: clamp(1.6rem,calc(0.37vw + 1.48rem),2rem);--space-xs: clamp(2rem,calc(0.37vw + 1.88rem),2.4rem);--space-s: clamp(2.4rem,calc(0.74vw + 2.16rem),3.2rem);--space-m: clamp(3.2rem,calc(1.48vw + 2.73rem),4.8rem);--space-l: clamp(4rem,calc(1.85vw + 3.41rem),6rem);--space-xl: clamp(6rem,calc(1.85vw + 5.41rem),8rem);--space-2xl: clamp(8rem,calc(1.85vw + 7.41rem),10rem);--text-xs: clamp(1.2rem,calc(0.19vw + 1.14rem),1.4rem);--text-s: clamp(1.4rem,calc(0.19vw + 1.34rem),1.6rem);--text-m: clamp(1.6rem,calc(1.48vw + 1.13rem),3.2rem);--text-l: clamp(1.8rem,calc(1.67vw + 1.27rem),3.6rem);--text-xl: clamp(2rem,calc(1.85vw + 1.41rem),4rem);--text-2xl: clamp(2.4rem,calc(4.44vw + 0.98rem),7.2rem);--text-3xl: clamp(3.4rem,calc(2.78vw + 2.51rem),6.4rem);--text-4xl: clamp(4.8rem,calc(8.52vw + 2.07rem),14rem);--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.8rem,calc(0vw + 0.8rem),0.8rem);--radius-m: clamp(1.2rem,calc(0.37vw + 1.08rem),1.6rem);--radius-l: clamp(1.6rem,calc(0.74vw + 1.36rem),2.4rem);--radius-xl: clamp(2rem,calc(1.11vw + 1.64rem),3.2rem);--radius-full: 999rem;--radius-2xl: 12px;--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);}