html{font-size:62.5%;}
:root{
--primary:hsla(227, 47%, 45%, 1);
--primary-5:hsla(227, 47%, 45%, 0.05);
--primary-10:hsla(227, 47%, 45%, 0.1);
--primary-20:hsla(227, 47%, 45%, 0.2);
--primary-30:hsla(227, 47%, 45%, 0.3);
--primary-40:hsla(227, 47%, 45%, 0.4);
--primary-50:hsla(227, 47%, 45%, 0.5);
--primary-60:hsla(227, 47%, 45%, 0.6);
--primary-70:hsla(227, 47%, 45%, 0.7);
--primary-80:hsla(227, 47%, 45%, 0.8);
--primary-90:hsla(227, 47%, 45%, 0.9);
--primary-d-1:hsla(227, 47%, 36%, 1);
--primary-d-2:hsla(227, 47%, 28%, 1);
--primary-d-3:hsla(227, 47%, 22%, 1);
--primary-d-4:hsla(227, 47%, 15%, 1);
--primary-l-1:hsla(227, 47%, 58%, 1);
--primary-l-2:hsla(227, 47%, 70%, 1);
--primary-l-3:hsla(227, 47%, 82%, 1);
--primary-l-4:hsla(227, 47%, 93%, 1);
--secondary:hsla(190, 100%, 32%, 1);
--secondary-5:hsla(190, 100%, 32%, 0.05);
--secondary-10:hsla(190, 100%, 32%, 0.1);
--secondary-20:hsla(190, 100%, 32%, 0.2);
--secondary-30:hsla(190, 100%, 32%, 0.3);
--secondary-40:hsla(190, 100%, 32%, 0.4);
--secondary-50:hsla(190, 100%, 32%, 0.5);
--secondary-60:hsla(190, 100%, 32%, 0.6);
--secondary-70:hsla(190, 100%, 32%, 0.7);
--secondary-80:hsla(190, 100%, 32%, 0.8);
--secondary-90:hsla(190, 100%, 32%, 0.9);
--secondary-d-1:hsla(190, 100%, 26%, 1);
--secondary-d-2:hsla(190, 100%, 20%, 1);
--secondary-d-3:hsla(190, 100%, 14%, 1);
--secondary-d-4:hsla(190, 100%, 9%, 1);
--secondary-l-1:hsla(190, 100%, 40%, 1);
--secondary-l-2:hsla(190, 100%, 52%, 1);
--secondary-l-3:hsla(192, 60%, 91%, 1);
--secondary-l-4:hsla(192, 60%, 96%, 1);
--tertiary:hsla(223, 50%, 22%, 1);
--tertiary-5:hsla(223, 50%, 22%, 0.05);
--tertiary-10:hsla(223, 50%, 22%, 0.1);
--tertiary-20:hsla(223, 50%, 22%, 0.2);
--tertiary-30:hsla(223, 50%, 22%, 0.3);
--tertiary-40:hsla(223, 50%, 22%, 0.4);
--tertiary-50:hsla(223, 50%, 22%, 0.5);
--tertiary-60:hsla(223, 50%, 22%, 0.6);
--tertiary-70:hsla(223, 50%, 22%, 0.7);
--tertiary-80:hsla(223, 50%, 22%, 0.8);
--tertiary-90:hsla(223, 50%, 22%, 0.9);
--tertiary-d-1:hsla(223, 50%, 17%, 1);
--tertiary-d-2:hsla(223, 50%, 13%, 1);
--tertiary-d-3:hsla(223, 50%, 9%, 1);
--tertiary-d-4:hsla(223, 50%, 6%, 1);
--tertiary-l-1:hsla(223, 50%, 30%, 1);
--tertiary-l-2:hsla(223, 50%, 42%, 1);
--tertiary-l-3:hsla(221, 36%, 38%, 1);
--tertiary-l-4:hsla(221, 36%, 55%, 1);
--bg-body:hsla(0, 0%, 100%, 1);
--bg-surface:hsla(190, 60%, 96%, 1);
--text-body:hsla(221, 36%, 23%, 1);
--text-title:hsla(223, 50%, 22%, 1);
--border-primary:hsla(221, 36%, 45%, 0.2);
--shadow-primary:hsla(223, 50%, 22%, 0.08);
--light:hsla(0, 0%, 100%, 1);
--light-5:hsla(0, 0%, 100%, 0.05);
--light-10:hsla(0, 0%, 100%, 0.1);
--light-20:hsla(0, 0%, 100%, 0.2);
--light-30:hsla(0, 0%, 100%, 0.3);
--light-40:hsla(0, 0%, 100%, 0.4);
--light-50:hsla(0, 0%, 100%, 0.5);
--light-60:hsla(0, 0%, 100%, 0.6);
--light-70:hsla(0, 0%, 100%, 0.7);
--light-80:hsla(0, 0%, 100%, 0.8);
--light-90:hsla(0, 0%, 100%, 0.9);
--dark:hsla(221, 36%, 23%, 1);
--dark-5:hsla(221, 36%, 23%, 0.05);
--dark-10:hsla(221, 36%, 23%, 0.1);
--dark-20:hsla(221, 36%, 23%, 0.2);
--dark-30:hsla(221, 36%, 23%, 0.3);
--dark-40:hsla(221, 36%, 23%, 0.4);
--dark-50:hsla(221, 36%, 23%, 0.5);
--dark-60:hsla(221, 36%, 23%, 0.6);
--dark-70:hsla(221, 36%, 23%, 0.7);
--dark-80:hsla(221, 36%, 23%, 0.8);
--dark-90:hsla(221, 36%, 23%, 0.9);
--success:hsla(152, 60%, 38%, 1);
--success-5:hsla(152, 60%, 38%, 0.05);
--success-10:hsla(152, 60%, 38%, 0.1);
--success-20:hsla(152, 60%, 38%, 0.2);
--success-30:hsla(152, 60%, 38%, 0.3);
--success-40:hsla(152, 60%, 38%, 0.4);
--success-50:hsla(152, 60%, 38%, 0.5);
--success-60:hsla(152, 60%, 38%, 0.6);
--success-70:hsla(152, 60%, 38%, 0.7);
--success-80:hsla(152, 60%, 38%, 0.8);
--success-90:hsla(152, 60%, 38%, 0.9);
--error:hsla(6, 75%, 50%, 1);
--error-5:hsla(6, 75%, 50%, 0.05);
--error-10:hsla(6, 75%, 50%, 0.1);
--error-20:hsla(6, 75%, 50%, 0.2);
--error-30:hsla(6, 75%, 50%, 0.3);
--error-40:hsla(6, 75%, 50%, 0.4);
--error-50:hsla(6, 75%, 50%, 0.5);
--error-60:hsla(6, 75%, 50%, 0.6);
--error-70:hsla(6, 75%, 50%, 0.7);
--error-80:hsla(6, 75%, 50%, 0.8);
--error-90:hsla(6, 75%, 50%, 0.9);
--soft:hsla(200, 53%, 97%, 1);
--aqua:hsla(193, 61%, 94%, 1);
--sand:hsla(37, 100%, 63%, 1);
--sand-5:hsla(37, 100%, 63%, 0.05);
--sand-10:hsla(37, 100%, 63%, 0.1);
--sand-20:hsla(37, 100%, 63%, 0.2);
--sand-30:hsla(37, 100%, 63%, 0.3);
--sand-40:hsla(37, 100%, 63%, 0.4);
--sand-50:hsla(37, 100%, 63%, 0.5);
--sand-60:hsla(37, 100%, 63%, 0.6);
--sand-70:hsla(37, 100%, 63%, 0.7);
--sand-80:hsla(37, 100%, 63%, 0.8);
--sand-90:hsla(37, 100%, 63%, 0.9);
--muted:hsla(223, 23%, 51%, 1);
--space-4xs:clamp(0.3rem, calc(0.0089vw + 0.2714rem), 0.4rem);
--space-3xs:clamp(0.4rem, calc(0.0179vw + 0.3429rem), 0.6rem);
--space-2xs:clamp(0.6rem, calc(0.0179vw + 0.5429rem), 0.8rem);
--space-xs:clamp(0.8rem, calc(0.0179vw + 0.7429rem), 1.0rem);
--space-s:clamp(1.0rem, calc(0.0179vw + 0.9429rem), 1.2rem);
--space-m:clamp(1.2rem, calc(0.0357vw + 1.0857rem), 1.6rem);
--space-l:clamp(1.6rem, calc(0.0714vw + 1.3714rem), 2.4rem);
--space-xl:clamp(2.2rem, calc(0.0893vw + 1.9143rem), 3.2rem);
--space-2xl:clamp(2.6rem, calc(0.1250vw + 2.2000rem), 4.0rem);
--space-3xl:clamp(3.8rem, calc(0.2321vw + 3.0571rem), 6.4rem);
--space-4xl:clamp(5.2rem, calc(0.3214vw + 4.1714rem), 8.8rem);
--header-space:var(--space-s);
--btn-space:1.1rem 2.2rem;
--card-space:var(--space-xl);
--footer-space:5.6rem 8rem;
--text-xs:clamp(1.2rem, calc(0.0089vw + 1.1714rem), 1.3rem);
--text-s:clamp(1.3rem, calc(0.0089vw + 1.2714rem), 1.4rem);
--text-m:clamp(1.5rem, calc(0.0089vw + 1.4714rem), 1.6rem);
--text-l:clamp(1.8rem, calc(0.0179vw + 1.7429rem), 2.0rem);
--text-xl:clamp(2.0rem, calc(0.0179vw + 1.9429rem), 2.2rem);
--text-2xl:clamp(2.2rem, calc(0.0179vw + 2.1429rem), 2.4rem);
--text-3xl:clamp(2.8rem, calc(0.0893vw + 2.5143rem), 3.8rem);
--text-4xl:clamp(3.6rem, calc(0.1429vw + 3.1429rem), 5.2rem);
--hero-title-size:var(--text-4xl);
--post-title-size:var(--text-2xl);
--nav-link-size:var(--text-m);
--radius-xs:0.8rem;
--radius-s:1.2rem;
--radius-m:1.6rem;
--radius-l:2.0rem;
--radius-xl:2.4rem;
--radius-full:999rem;
--shadow-xs:0 0.4rem 1.2rem var(--shadow-primary);
--shadow-s:0 1rem 2.4rem 0 hsla(223, 50%, 22%, 0.15);
--shadow-m:0 1.2rem 3.2rem var(--shadow-primary);
--shadow-l:0 1.6rem 4rem var(--shadow-primary);
--shadow-xl:0 2.4rem 4.8rem 0 hsla(223, 50%, 22%, 0.15);
}