:root{ /* Base -------------------------------------------------------- */ --color-h1: #313c54; --color-h2: #b89269; --color-texte: #fff; --bg-site: #fff; --color-texte-site: #333; --fs-base: 16px; /* Header ------------------------------------------------------ */ --bg-header: #ffffff; --color-lien-menu: #313c54; --bg-sous-menu: #fff; --bg-bt-menu-mobile: #313c54; --texte-bt-menu-mobile:#fff; /* Footer ------------------------------------------------------ */ --bg-footer: #313c54; --color-text-footer: #fff; --color-titre-footer: #b89269; --color-lien-footer: #fff; --bg-bt-reseaux: #b89269; --texte-bt-reseaux: #fff; /* Boutons Bootstrap ------------------------------------------- */ --color-danger: #b89269; --color-text-bt-danger: #fff; --bg-hover-danger: #a17e55; --color-text-hover-danger: #fff; --color-warning: #b89269; --color-text-bt-warning: #fff; --bg-hover-warning: #a17e55; --color-text-hover-warning: #ffffff; --color-success: #b89269; --color-text-bt-succes: #fff; --bg-hover-succes: #a17e55; --color-text-hover-succes: #fff; --color-info: #b89269; --color-text-bt-info: #fff; --bg-hover-info: #a17e55; --color-text-hover-info: #fff; /* Cartouche circuit ------------------------------------------- */ --bg-cartouche: #313c54; --titre-cartouche: #b89269; --texte-cartouche: #fff; /* Légende slider ---------------------------------------------- */ --titre-legende: #b89269; --texte-legende: #fff; /* Zone de texte (paire / impaire) ----------------------------- */ --bg-zone-impaire: #f7f4ef; --titre-zone-impaire: #313c54; --texte-zone-impaire: #111; /* Modal ------------------------------------------------------- */ --bg-modal: #fff; --texte-modal: #111; /* Typographie ------------------------------------------------- */ --font-titre: "Oswald", "Segoe UI", sans-serif; --font-texte: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;}