/* ==========================================================================
   VARIABLES.CSS
   Gère la palette de couleurs "Thème Rétro/Vintage", les polices et le reset.
   ========================================================================== */

/* Import des polices Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Righteous&display=swap');

:root {
  /* --- PALETTE RÉTRO (Mode Clair - Défaut) --- */
  /* Arrière-plans type "papier vieilli" */
  --bg-body: #f4f1e8;       /* Crème cassé très clair */
  --bg-container: #fcfbf7;  /* Blanc cassé, texture papier */
  --input-bg: #edeadd;      /* Beige clair pour les champs */

  /* Couleurs de texte */
  --text-main: #5a4a42;     /* Marron foncé sépia */
  --text-muted: #8c7b70;    /* Taupe / Gris chaud */

  /* Couleurs d'accentuation "Vintage" */
  --primary-color: #c0504d; /* Rouge brique délavé */
  --primary-hover: #a0403d; /* Rouge brique plus foncé */
  --accent-color: #6b7b8c;  /* Bleu/Gris sourd rétro */
  
  /* Bordures et Ombres chaudes */
  --border-color: #d8c8b8;  /* Beige moyen */
  --shadow-soft: 0 10px 30px rgba(90, 74, 66, 0.1); /* Ombre brunâtre */
  --shadow-card: 0 4px 12px rgba(90, 74, 66, 0.08);

  /* Tableaux */
  --table-header-bg: #edeadd;
  --table-row-hover: #f4f1e8;
}

/* --- PALETTE "MIDNIGHT VINTAGE" (Mode Sombre - Bleu Nuit) --- */
body.dark-mode {
  /* Fond : Bleu Nuit Profond / Ardoise (élégant et reposant pour les yeux) */
  --bg-body: #0f172a;       /* Bleu très sombre, presque noir */
  --bg-container: #1e293b;  /* Bleu ardoise foncé pour les cartes */
  --input-bg: #334155;      /* Gris-bleu pour les champs */

  /* Texte : On garde le Crème du mode clair pour conserver l'esprit "Rétro" */
  --text-main: #f4f1e8;     
  --text-muted: #94a3b8;    /* Gris clair bleuté */

  /* Les accents : On éclaircit le rouge brique pour qu'il ressorte sur le bleu */
  --primary-color: #f87171; /* Rouge corail plus lumineux */
  --primary-hover: #fca5a5; /* Rouge pastel au survol */
  --accent-color: #cbd5e1;  /* Bleu-gris très clair */

  /* Bordures subtiles */
  --border-color: #334155;
  
  /* Ombres plus marquées pour la profondeur */
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.5);
  --shadow-card: 0 4px 12px rgba(0, 0, 0, 0.3);

  /* Tableaux */
  --table-header-bg: #334155;
  --table-row-hover: #334155; /* Identique au header pour un effet "liste" propre */
}

/* RESET GLOBAL & BASE */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* Police par défaut pour tout le site */
  font-family: 'Montserrat', sans-serif;
}

body {
  background-color: var(--bg-body);
  color: var(--text-main);
  /* Transition fluide lors du changement de thème */
  transition: background-color 0.5s ease, color 0.5s ease;
  /* Espace pour la navbar fixe */
  padding-top: 90px; 
}

a {
  text-decoration: none;
  transition: 0.3s;
}