:root {
  /* === Couleurs principales === */
  --color-bg: #f9f9f9;
  --color-ciel: #E1EEF3;     /* Bleu ciel */
  --color-accent: #F31651;   /* Rouge */
  --color-hover: #F3C1AF;
  --color-cream: #f2e1ae;     
  --color-gold: #7e672a;
  --color-nuit: #000A29;	/* Bleu nuit */


  /* === Couleurs par catégorie === */
  --color-chaudron: #BF5B04;
  --color-pianoteur: #F2B84B;
  --color-zanimal: #6ACED9;
  --color-brut: #F25F29;

  /* === Polices === */
  --font-base: "Mooli", sans-serif;
  --font-titres: "Chelsea Market", system-ui;
  --font-boutons: "Montserrat", sans-serif;
  --font-legende: "Moon Dance", cursive;


  /* 📏 Espacements */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 2rem;
  --spacing-xl: 4rem;

  /* 📐 Tailles de texte */
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;

  /* 🌈 Autres styles */
  --border-radius: 0.5rem;
  --box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}