:root { --color-primary: #262d5a; --color-accent: #D7682E; --color-accent-light: #E7995B; --color-secondary: #7EC0C1; --color-neutral-light: #E5E5E5; --color-white: #FFFFFF; --color-black: #111111; --heading-primary: var(--color-primary); --heading-secondary: var(--color-secondary); --heading-on-dark: var(--color-white); --text-primary: var(--color-black); --text-on-dark: var(--color-white); --button-primary-bg: var(--gradient-primary); --button-primary-text: var(--color-white); --button-primary-hover: var(--gradient-primary-hover); --bg-section-light: var(--color-neutral-light); --bg-section-alt: var(--color-secondary); --bg-dark: var(--color-primary); --button-secondary-bg: var(--color-white); --button-secondary-text: var(--color-accent); --color-accent-light-t-1: hsla(27, 74%, 94%, 0.17); --color-accent-light-t-2: hsla(27, 74%, 88%, 0.33); --color-accent-light-t-3: hsla(27, 74%, 82%, 0.5); --color-accent-light-t-4: hsla(27, 74%, 75%, 0.67); --color-accent-light-t-5: hsla(27, 74%, 69%, 0.83); --color-neutral-light-t-1: hsla(0, 0%, 98%, 0.17); --color-neutral-light-t-2: hsla(0, 0%, 97%, 0.33); --color-neutral-light-t-3: hsla(0, 0%, 95%, 0.5); --color-neutral-light-t-4: hsla(0, 0%, 93%, 0.67); --color-neutral-light-t-5: hsla(0, 0%, 92%, 0.83); --grey-background-light: #FAFAFD; --gradient-button: linear-gradient(165deg, #ed943b 14%, #d7682e 78%); --font-size-xs: clamp(0.75rem, 0.72rem + 0.1vw, 0.875rem); --font-size-s: clamp(0.875rem, 0.82rem + 0.15vw, 1rem); --font-size-m: clamp(1rem, 0.95rem + 0.2vw, 1.125rem); --font-size-l: clamp(1.125rem, 1.05rem + 0.3vw, 1.25rem); --font-size-xl: clamp(1.5rem, 1.2rem + 1vw, 2rem); --font-size-2xl: clamp(2rem, 1.4rem + 1.6vw, 2.5rem); --font-size-3xl: clamp(2.5rem, 1.8rem + 2.4vw, 3rem); --heading-H3: var(--font-size-l); --heading-H2: var(--font-size-xl); --heading-H1: var(--font-size-2xl); --paragraphe: var(--font-size-m); --heading-blog-h1: var(--font-size-m);}