/* =========================

   VARIABLES.CSS

========================= */



:root {

   /* =========================

     TYPO

  ========================= */

   --font-sans: "Roboto", system-ui, -apple-system, Segoe UI, Arial, sans-serif;

   --font-serif: "Marcellus SC", Georgia, "Times New Roman", serif;



   /* =========================

     LAYOUT

  ========================= */

   --container: 1600px;

   --container-wide: 1860px;

   --gutter-wide: 400px;

   --radius: 16px;

   --shadow: 0 10px 25px rgba(0, 0, 0, .18);



   /* =========================

     BACKGROUNDS

     (page + fond sombre du site)

  ========================= */

   --bg-page: #fff3d9;

   /* beige fond et titres */

   --bg-site-start: #010101;

   /* fond site (dégradé) */

   --bg-site-end: #00090c;

   /* fond site (dégradé) */

   --bg-site-overlay-opacity: 0.85;



   /* =========================

     TEXT

  ========================= */

   --text: #1b1b1b;

   /* texte sur fond clair */

   --text-muted: #8e8e8e;

   /* texte gris */

   --text-on-dark: #dfdfdf;

   /* couleur texte bouton / texte sur fond sombre */

   --muted: rgba(27, 27, 27, .75);



   /* =========================

     LINKS

  ========================= */

   --link-hover: #ffe96b;

   /* hover texte liens (jaune) */

   --link-hover-muted: #838383;

   /* hover lien gris */



   /* =========================

     BUTTONS (bleu)

  ========================= */

   --btn-blue: #395679;

   /* bouton bleu */

   --btn-blue-hover: #6c92bf;

   /* bouton bleu hover */

   --btn-blue-text: #dfdfdf;

   /* texte sur bouton bleu */



   /* =========================

     BUTTONS (doré dégradé)

  ========================= */

   --btn-gold-start: #d3d356;

   /* dégradé boutons */

   --btn-gold-end: #ffa514;

   --btn-gold-hover-start: #fdfd9a;

   /* dégradé boutons hover */

   --btn-gold-hover-end: #ffc261;



   /* =========================

     LEGACY / ALIASES (si tu veux garder tes anciens noms)

  ========================= */

   --bg: var(--bg-page);

   --dark: #0e0f12;

   --light: #ffffff;



   --color-btn: var(--btn-blue);

   --color-btn-hover: var(--btn-blue-hover);

   --color-link-hover: var(--link-hover);



   --accent: var(--btn-blue);

   --accent-2: var(--btn-gold-end);

}