:root {--min-screen-width: 320px;--max-screen-width: 4000px;--primary: rgba(112,104,191,1);--primary-d-1: rgba(90,83,151,1);--primary-d-2: rgba(68,62,111,1);--primary-d-3: rgba(47,43,74,1);--primary-d-4: rgba(28,26,40,1);--primary-l-1: rgba(138,129,202,1);--primary-l-2: rgba(159,150,212,1);--primary-l-3: rgba(183,175,223,1);--primary-l-4: rgba(210,204,235,1);--primary-l-5: rgba(232,229,245,1);--secondary: rgba(241,229,172,1);--secondary-d-1: rgba(187,177,134,1);--secondary-d-2: rgba(136,129,99,1);--secondary-d-3: rgba(91,87,67,1);--secondary-d-4: rgba(46,44,35,1);--secondary-l-1: rgba(244,233,185,1);--secondary-l-2: rgba(246,237,198,1);--secondary-l-3: rgba(249,242,215,1);--secondary-l-4: rgba(251,247,228,1);--secondary-l-5: rgba(253,251,242,1);--tertiary: rgba(255,0,0,1);--tertiary-d-1: rgba(202,24,7,1);--tertiary-d-2: rgba(147,27,11,1);--tertiary-d-3: rgba(96,25,11,1);--tertiary-d-4: rgba(50,19,6,1);--tertiary-l-1: rgba(255,85,51,1);--tertiary-l-2: rgba(255,123,87,1);--tertiary-l-3: rgba(255,159,128,1);--tertiary-l-4: rgba(255,191,168,1);--tertiary-l-5: rgba(255,222,209,1);--bg-body: #e6e6e6;--bg-surface: #ffffff;--text-body: #404040;--text-title: #000000;--border-primary: rgba(128,128,128,0.25);--success: #24f95d;--success-d-1: #29c24a;--success-d-2: #288f3a;--success-d-3: #225d29;--success-d-4: #183019;--success-l-1: #6afb7d;--success-l-2: #90fd98;--success-l-3: #aeffaf;--success-l-4: #cdffcc;--success-l-5: #e6ffe6;--error: #f92444;--error-d-1: #c52638;--error-d-2: #90232a;--error-d-3: #5e1d1f;--error-d-4: #301312;--error-l-1: #ff5c61;--error-l-2: #ff8480;--error-l-3: #ffa59e;--error-l-4: #ffc2bd;--error-l-5: #ffdfdb;--info: #1964C8;--info-d-1: #1f509e;--info-d-2: #1f3d75;--info-d-3: #1a294c;--info-d-4: #14192a;--info-l-1: #567bd2;--info-l-2: #7b93db;--info-l-3: #9faee5;--info-l-4: #bfc8ed;--info-l-5: #dfe3f6;--space-4xs: clamp(0.52rem,calc(-0.01vw + 0.53rem),0.49rem);--space-3xs: clamp(0.66rem,calc(0.01vw + 0.65rem),0.7rem);--space-2xs: clamp(0.82rem,calc(0.05vw + 0.8rem),0.99rem);--space-xs: clamp(1.02rem,calc(0.1vw + 0.99rem),1.4rem);--space-s: clamp(1.28rem,calc(0.19vw + 1.22rem),1.98rem);--space-m: clamp(1.6rem,calc(0.33vw + 1.5rem),2.8rem);--space-l: clamp(2rem,calc(0.53vw + 1.83rem),3.96rem);--space-xl: clamp(2.5rem,calc(0.84vw + 2.23rem),5.6rem);--space-2xl: clamp(3.13rem,calc(1.3vw + 2.71rem),7.92rem);--space-3xl: clamp(3.91rem,calc(1.98vw + 3.27rem),11.19rem);--space-4xl: clamp(4.88rem,calc(2.97vw + 3.93rem),15.83rem);--text-xs: clamp(1.26rem,calc(-0.07vw + 1.29rem),1.01rem);--text-s: clamp(1.42rem,calc(-0.02vw + 1.43rem),1.35rem);--text-m: clamp(1.6rem,calc(0.05vw + 1.58rem),1.8rem);--text-l: clamp(1.8rem,calc(0.16vw + 1.75rem),2.4rem);--text-xl: clamp(2.02rem,calc(0.32vw + 1.92rem),3.2rem);--text-2xl: clamp(2.28rem,calc(0.54vw + 2.1rem),4.26rem);--text-3xl: clamp(2.56rem,calc(0.85vw + 2.29rem),5.68rem);--text-4xl: clamp(2.88rem,calc(1.28vw + 2.48rem),7.58rem);--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.05vw + 0.58rem),0.8rem);--radius-m: clamp(1rem,calc(0.05vw + 0.98rem),1.2rem);--radius-l: clamp(1.6rem,calc(0.11vw + 1.56rem),2rem);--radius-xl: clamp(2.6rem,calc(0.16vw + 2.55rem),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);}