:root {--min-screen-width: 320px;--max-screen-width: 1920px;--primary: #0D0C0C;--secondary: #df1e1e;--tertiary: #26a7df;--bg-body: #ffffff;--bg-surface: #eeeeee;--text-body: #404040;--text-title: #000000;--border-primary: rgba(128,128,128,0.25);--shadow-primary: rgba(0,0,0,0.15);--shadow-dark: hsla(0,0%,0%,0.4);--light: #ffffff;--dark: #000000;--success: #11b76b;--success-5: #11b76b0d;--success-10: #11b76b1a;--success-20: #11b76b33;--success-30: #11b76b4d;--success-40: #11b76b66;--success-50: #11b76b80;--success-60: #11b76b99;--success-70: #11b76bb3;--success-80: #11b76bcc;--success-90: #11b76be6;--error: #fa4362;--error-5: #fa43620d;--error-10: #fa43621a;--error-20: #fa436233;--error-30: #fa43624d;--error-40: #fa436266;--error-50: #fa436280;--error-60: #fa436299;--error-70: #fa4362b3;--error-80: #fa4362cc;--error-90: #fa4362e6;--space-default: clamp(1rem,calc(0.63vw + 0.8rem),2rem);--space-y-btn: clamp(1.2rem,calc(0.13vw + 1.16rem),1.4rem);--space-x-btn: clamp(2.5rem,calc(0.31vw + 2.4rem),3rem);--space-4xs: clamp(0.38rem,calc(0.24vw + 0.3rem),0.76rem);--space-3xs: clamp(0.51rem,calc(0.32vw + 0.41rem),1.01rem);--space-2xs: clamp(0.68rem,calc(0.42vw + 0.54rem),1.35rem);--space-xs: clamp(0.9rem,calc(0.56vw + 0.72rem),1.8rem);--space-s: clamp(1.2rem,calc(0.75vw + 0.96rem),2.4rem);--space-m: clamp(1.6rem,calc(1vw + 1.28rem),3.2rem);--space-l: clamp(2.13rem,calc(1.33vw + 1.71rem),4.27rem);--space-xl: clamp(2.84rem,calc(1.78vw + 2.27rem),5.69rem);--space-2xl: clamp(3.79rem,calc(2.37vw + 3.03rem),7.58rem);--space-3xl: clamp(5.05rem,calc(3.16vw + 4.04rem),10.1rem);--space-4xl: clamp(6.73rem,calc(4.21vw + 5.39rem),13.47rem);--space-5xl: clamp(8.98rem,calc(5.61vw + 7.18rem),17.95rem);--fs-2xs: clamp(1rem,calc(0.13vw + 0.96rem),1.2rem);--fs-xs: clamp(1.2rem,calc(0.13vw + 1.16rem),1.4rem);--fs-s: clamp(1.4rem,calc(0.13vw + 1.36rem),1.6rem);--fs-m: clamp(1.5rem,calc(0.19vw + 1.44rem),1.8rem);--fs-l: clamp(1.8rem,calc(0.44vw + 1.66rem),2.5rem);--fs-xl: clamp(2.1rem,calc(0.56vw + 1.92rem),3rem);--fs-2xl: clamp(2.5rem,calc(0.63vw + 2.3rem),3.5rem);--fs-3xl: clamp(2.8rem,calc(0.75vw + 2.56rem),4rem);--fs-4xl: clamp(3.2rem,calc(1.44vw + 2.74rem),5.5rem);--hero-title-size: var(--fs-4xl);--post-title-size: var(--fs-2xl);--nav-link-size: var(--fs-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);--radius-xs: clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--radius-s: clamp(0.6rem,calc(0.13vw + 0.56rem),0.8rem);--radius-m: clamp(1rem,calc(0.13vw + 0.96rem),1.2rem);--radius-l: clamp(1.6rem,calc(0.25vw + 1.52rem),2rem);--radius-xl: clamp(2.6rem,calc(0.38vw + 2.48rem),3.2rem);--radius-full: 999rem;--radius-50: 50px;--shadow-xs: 0 0 2px var(--shadow-primary);--shadow-s: 0 0 3px var(--shadow-primary);--shadow-m: 0 0 6px var(--shadow-primary);--shadow-l: 0 0 12px var(--shadow-primary);--shadow-xl: 0 0 20px var(--shadow-primary);--shadow-dark-xs: 0 0 2px var(--shadow-dark);--shadow-dark-s: 0 0 3px var(--shadow-dark);--shadow-dark-m: 0 0 6px var(--shadow-dark);--shadow-dark-l: 0 0 12px var(--shadow-dark);--shadow-dark-xl: 0 0 20px var(--shadow-dark);}