/* ==========================================================
   VARIABLES GÉNÉRALES
========================================================== */

:root {
    --couleur-orange-principal: #ff5000;
    --couleur-orange-secondaire: #ff9600;
    --couleur-bleu-fonce: #0a142f;
    --couleur-blanc: #ffffff;
    --couleur-fond-clair: #f2f2f2;
    --couleur-bordure-claire: #e5e5e5;
--couleur-ombre: rgb(10 20 47 / 40%);
    --esp-h-1: clamp(20px, 5vw, 90px);
    --esp-h-2: clamp(14px, 3vw, 60px);
    --esp-h-3: clamp(10px, 2vw, 40px);
    --esp-h-4: clamp(6px, 1.5vw, 30px);
}

/* ==========================================================
   RÉINITIALISATION
========================================================== */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--couleur-bleu-fonce);
    background-color: var(--couleur-blanc);
    font-family: Arial, Helvetica, sans-serif;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}