:root {--min-screen-width: 320px;--max-screen-width: 1400px;--primary: hsla(215, 60%, 45%, 1);--primary-10: hsla(215, 60%, 45%, 0.1);--primary-20: hsla(215, 60%, 45%, 0.2);--primary-40: hsla(215, 60%, 45%, 0.4);--primary-80: hsla(215, 60%, 45%, 0.8);--primary-d-1: hsla(215, 61%, 36%, 1);--primary-d-2: hsla(215, 62%, 27%, 1);--primary-d-3: hsla(215, 63%, 18%, 1);--primary-d-4: hsla(215, 64%, 12%, 1);--primary-l-1: hsla(215, 55%, 60%, 1);--primary-l-2: hsla(215, 51%, 73%, 1);--primary-l-3: hsla(215, 47%, 84%, 1);--primary-l-4: hsla(215, 43%, 92%, 1);--secondary: hsla(178, 40%, 38%, 1);--secondary-10: hsla(178, 40%, 38%, 0.1);--secondary-20: hsla(178, 40%, 38%, 0.2);--secondary-40: hsla(178, 40%, 38%, 0.4);--secondary-80: hsla(178, 40%, 38%, 0.8);--secondary-d-1: hsla(178, 41%, 30%, 1);--secondary-d-2: hsla(178, 42%, 23%, 1);--secondary-d-3: hsla(178, 43%, 16%, 1);--secondary-d-4: hsla(178, 44%, 11%, 1);--secondary-l-1: hsla(178, 37%, 55%, 1);--secondary-l-2: hsla(178, 34%, 69%, 1);--secondary-l-3: hsla(178, 31%, 82%, 1);--secondary-l-4: hsla(178, 28%, 91%, 1);--tertiary: hsla(35, 92%, 55%, 1);--tertiary-10: hsla(35, 92%, 55%, 0.1);--tertiary-20: hsla(35, 92%, 55%, 0.2);--tertiary-40: hsla(35, 92%, 55%, 0.4);--tertiary-80: hsla(35, 92%, 55%, 0.8);--tertiary-d-1: hsla(35, 88%, 43%, 1);--tertiary-d-2: hsla(35, 84%, 32%, 1);--tertiary-d-3: hsla(35, 80%, 21%, 1);--tertiary-d-4: hsla(35, 76%, 13%, 1);--tertiary-l-1: hsla(35, 85%, 67%, 1);--tertiary-l-2: hsla(35, 78%, 77%, 1);--tertiary-l-3: hsla(35, 71%, 86%, 1);--tertiary-l-4: hsla(35, 65%, 92%, 1);--bg-body: hsla(220, 20%, 97%, 1);--bg-surface: hsla(0, 0%, 100%, 1);--text-body: hsla(220, 10%, 32%, 1);--text-title: hsla(220, 25%, 12%, 1);--border-primary: hsla(220, 15%, 50%, 0.25);--shadow-primary: hsla(220, 30%, 15%, 0.12);--light: hsla(85,0%,100%,1);--light-10: hsla(0,0%,100%,0.1);--light-20: hsla(0,0%,100%,0.2);--light-40: hsla(0,0%,100%,0.4);--light-80: hsla(0,0%,100%,0.8);--dark: hsla(220, 15%, 10%, 1);--dark-10: hsla(220, 15%, 10%, 0.1);--dark-20: hsla(220, 15%, 10%, 0.2);--dark-40: hsla(220, 15%, 10%, 0.4);--dark-80: hsla(220, 15%, 10%, 0.8);--success: hsla(150, 55%, 42%, 1);--success-10: hsla(150, 55%, 42%, 0.1);--success-20: hsla(150, 55%, 42%, 0.2);--success-40: hsla(150, 55%, 42%, 0.4);--success-80: hsla(150, 55%, 42%, 0.8);--error: hsla(355, 65%, 52%, 1);--error-10: hsla(355, 65%, 52%, 0.1);--error-20: hsla(355, 65%, 52%, 0.2);--error-40: hsla(355, 65%, 52%, 0.4);--error-80: hsla(355, 65%, 52%, 0.8);--space-4xs: clamp(0.52rem,calc(-0.03vw + 0.53rem),0.49rem);--space-3xs: clamp(0.66rem,calc(0.04vw + 0.64rem),0.7rem);--space-2xs: clamp(0.82rem,calc(0.16vw + 0.77rem),0.99rem);--space-xs: clamp(1.02rem,calc(0.35vw + 0.91rem),1.4rem);--space-s: clamp(1.28rem,calc(0.65vw + 1.07rem),1.98rem);--space-m: clamp(1.6rem,calc(1.11vw + 1.24rem),2.8rem);--space-l: clamp(2rem,calc(1.81vw + 1.42rem),3.96rem);--space-xl: clamp(2.5rem,calc(2.87vw + 1.58rem),5.6rem);--space-2xl: clamp(3.13rem,calc(4.44vw + 1.71rem),7.92rem);--space-3xl: clamp(3.91rem,calc(6.75vw + 1.75rem),11.19rem);--space-4xl: clamp(4.88rem,calc(10.13vw + 1.64rem),15.83rem);--text-xs: clamp(1.26rem,calc(-0.23vw + 1.34rem),1.01rem);--text-s: clamp(1.42rem,calc(-0.07vw + 1.44rem),1.35rem);--text-m: clamp(1.6rem,calc(0.19vw + 1.54rem),1.8rem);--text-l: clamp(1.8rem,calc(0.55vw + 1.62rem),2.4rem);--text-xl: clamp(2.02rem,calc(1.09vw + 1.68rem),3.2rem);--text-2xl: clamp(2.28rem,calc(1.84vw + 1.69rem),4.26rem);--text-3xl: clamp(2.56rem,calc(2.89vw + 1.64rem),5.68rem);--text-4xl: clamp(2.88rem,calc(4.34vw + 1.49rem),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.19vw + 0.54rem),0.8rem);--radius-m: clamp(1rem,calc(0.19vw + 0.94rem),1.2rem);--radius-l: clamp(1.6rem,calc(0.37vw + 1.48rem),2rem);--radius-xl: clamp(2.6rem,calc(0.56vw + 2.42rem),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);--h1: clamp(2.88rem,calc(4.34vw + 1.49rem),7.58rem);--h2: clamp(2.56rem,calc(2.89vw + 1.64rem),5.68rem);--h3: clamp(2.28rem,calc(1.84vw + 1.69rem),4.26rem);--h4: clamp(2.02rem,calc(1.09vw + 1.68rem),3.2rem);--h5: clamp(1.8rem,calc(0.55vw + 1.62rem),2.4rem);--h6: clamp(1.6rem,calc(0.19vw + 1.54rem),1.8rem);--font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;--font-heading: var(--font-body);--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--leading-none: 1;--leading-tight: 1.1;--leading-snug: 1.2;--leading-normal: 1.3;--leading-relaxed: 1.4;--leading-loose: 1.5;--transition-fast: 0.15s ease-in-out;--transition-base: 0.25s ease-in-out;--transition-slow: 0.3s ease;--border-s: 1px;--border-m: 2px;--z-dropdown: 10;--z-sticky: 100;--z-overlay: 1000;--z-modal: 10000;--text-muted: var(--dark-40);--text-on-accent: hsla(0, 0%, 100%, 1);--focus-ring: var(--primary-l-3);--link-color: var(--primary);--link-underline: var(--primary-20);--link-underline-hover: var(--primary-40);--btn-bg: var(--primary);--btn-bg-hover: var(--primary-d-1);--btn-border: var(--primary-d-1);--btn-text: var(--text-on-accent);}