:root {
    --min-screen-width: 320px;
    --max-screen-width: 1800px;
    --space-4xs: clamp(0.39rem, calc(-0.05vw + 0.4rem), 0.34rem);
    --space-3xs: clamp(0.5rem, calc(-0.01vw + 0.5rem), 0.48rem);
    --space-2xs: clamp(0.63rem, calc(0.06vw + 0.61rem), 0.68rem);
    --space-xs: clamp(0.79rem, calc(0.18vw + 0.75rem), 0.95rem);
    --space-s: clamp(0.99rem, calc(0.37vw + 0.92rem), 1.34rem);
    --space-m: clamp(1.25rem, calc(0.68vw + 1.11rem), 1.88rem);
    --space-l: clamp(1.57rem, calc(1.14vw + 1.35rem), 2.63rem);
    --space-xl: clamp(1.98rem, calc(1.84vw + 1.62rem), 3.69rem);
    --space-2xl: clamp(2.5rem, calc(2.89vw + 1.92rem), 5.18rem);
    --space-3xl: clamp(3.15rem, calc(4.45vw + 2.26rem), 7.26rem);
    --space-4xl: clamp(3.97rem, calc(6.73vw + 2.62rem), 10.19rem);
    --space-5xl: clamp(5rem, calc(10.05vw + 2.99rem), 14.3rem);
    --space-6xl: clamp(6.3rem, calc(14.88vw + 3.33rem), 20.06rem);
    --space-7xl: clamp(7.94rem, calc(21.85vw + 3.57rem), 28.15rem);
    --text-xs: clamp(0.8rem, calc(-0.18vw + 0.83rem), 0.63rem);
    --text-s: clamp(0.92rem, calc(-0.08vw + 0.94rem), 0.84rem);
    --text-m: clamp(1.06rem, calc(0.07vw + 1.05rem), 1.13rem);
    --text-l: clamp(1.23rem, calc(0.29vw + 1.17rem), 1.5rem);
    --text-xl: clamp(1.42rem, calc(0.63vw + 1.29rem), 2rem);
    --text-2xl: clamp(1.64rem, calc(1.11vw + 1.42rem), 2.66rem);
    --text-3xl: clamp(1.89rem, calc(1.8vw + 1.53rem), 3.55rem);
    --text-4xl: clamp(2.18rem, calc(2.76vw + 1.63rem), 4.74rem);
    --text-5xl: clamp(2.52rem, calc(4.1vw + 1.7rem), 6.31rem);
    --text-6xl: clamp(2.91rem, calc(5.95vw + 1.72rem), 8.41rem);
    --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);
}