:root {--min-screen-width: 399px;--max-screen-width: 1100px;--primary: hsl(238,100%,62%);--secondary: hsl(0,94%,68%);--grey: #696969;--tertiary: #26a7df;--quatre: #37C9FD;--lgrey: #C9C9C9;--grey-lighter: #E9E9E9;--bg-body: hsla(0,0%,90%,1);--text-body: hsla(0,0%,25%,1);--text-title: hsla(0,0%,0%,1);--light: hsl(85,0%,100%);--dark: #1a1c1f;--dark-grey: #4D4D4D;--space-4xs: clamp(0.52rem,calc(0vw + 0.52rem),0.52rem);--space-3xs: clamp(0.66rem,calc(0.06vw + 0.63rem),0.7rem);--space-2xs: clamp(0.82rem,calc(0.24vw + 0.72rem),0.99rem);--space-xs: clamp(1.02rem,calc(0.54vw + 0.81rem),1.4rem);--space-s: clamp(1.28rem,calc(0.31vw + 1.16rem),1.5rem);--space-m: clamp(1.6rem,calc(1.28vw + 1.09rem),2.5rem);--space-l: clamp(2rem,calc(1.71vw + 1.32rem),3.2rem);--space-xl: clamp(2.5rem,calc(2.14vw + 1.65rem),4rem);--space-2xl: clamp(3.13rem,calc(4.67vw + 1.26rem),6.4rem);--space-3xl: clamp(3.91rem,calc(5.84vw + 1.58rem),8rem);--space-4xl: clamp(4.88rem,calc(15.61vw + -1.35rem),15.83rem);--space-5xl: clamp(8rem,calc(11.17vw + 3.55rem),15.83rem);--text-xs: clamp(1.26rem,calc(-0.36vw + 1.41rem),1.01rem);--text-s: clamp(1rem,calc(0.29vw + 0.89rem),1.2rem);--font-s: clamp(1rem,calc(0.57vw + 0.77rem),1.4rem);--font-m: clamp(1.3rem,calc(0.43vw + 1.13rem),1.6rem);--font-l-bis: clamp(1.4rem,calc(0.71vw + 1.11rem),1.9rem);--font-l: clamp(1.4rem,calc(0.57vw + 1.17rem),1.8rem);--font-xl: clamp(2rem,calc(0vw + 2rem),2rem);--font-2xl: clamp(2.2rem,calc(0.43vw + 2.03rem),2.5rem);--font-3xl: clamp(3rem,calc(2.14vw + 2.15rem),4.5rem);--font-4xl: clamp(3.9rem,calc(4.42vw + 2.14rem),7rem);--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);--radius-xs: clamp(0.4rem,calc(0vw + 0.4rem),0.4rem);--radius-s: clamp(0.6rem,calc(0.29vw + 0.49rem),0.8rem);--radius-m: clamp(1rem,calc(0.29vw + 0.89rem),1.2rem);--radius-l: clamp(1.6rem,calc(0.57vw + 1.37rem),2rem);--radius-xl: clamp(2.6rem,calc(0.86vw + 2.26rem),3.2rem);--radius-full: 999rem;--radius-btn: clamp(5rem,calc(0vw + 5rem),5rem);--radius-rec: clamp(0.8rem,calc(0vw + 0.8rem),0.8rem);--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);}