/* =====================================================================
   theme.css : L'IDENTITÉ VISUELLE DU SITE, ET RIEN D'AUTRE.

   Pour changer une couleur, une police, une taille ou un espacement,
   c'est ICI et seulement ici. Les autres fichiers CSS n'utilisent que
   ces variables (var(--...)).
   ===================================================================== */

/* --- Polices (hébergées sur le site, pas chez Google) ---------------- */
@font-face {
  font-family: 'DM Sans';
  src: url('../fonts/dm-sans.woff2') format('woff2');
  font-weight: 100 1000; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'DM Sans';
  src: url('../fonts/dm-sans-italic.woff2') format('woff2');
  font-weight: 100 1000; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Playfair Display';
  src: url('../fonts/playfair-display.woff2') format('woff2');
  font-weight: 400 900; font-style: normal; font-display: swap;
}
/* Noms des mois dans l'agenda : police à empattements plus sobre. */
@font-face {
  font-family: 'Source Serif 4';
  src: url('../fonts/source-serif-4.woff2') format('woff2');
  font-weight: 200 900; font-style: normal; font-display: swap;
}

:root {
  /* --- Couleurs principales --------------------------------------- */
  --couleur-accent: #1a4d2e;          /* vert bouteille : boutons, liens, accents */
  --couleur-accent-fonce: #12371f;    /* survol des boutons */
  --couleur-accent-clair: #e4efe7;    /* fonds légers verts */
  --couleur-sur-accent: #ffffff;      /* texte posé sur le vert */

  --couleur-fond: #fcfdfc;            /* blanc neutre, à peine teinté de vert (fond de page) */
  --couleur-surface: #ffffff;         /* cartes, calendrier */
  --couleur-texte: #1f2421;           /* texte principal */
  --couleur-texte-doux: #5a615c;      /* texte secondaire */
  --couleur-bordure: #e4e8e5;        /* gris neutre, sans jaune */
  --couleur-bordure-champ: #c9d0cb;  /* contour des champs du formulaire */
  --couleur-erreur: #a23a22;
  --couleur-alerte-fond: #fbf0e3;     /* encadré « jours déjà pris » */
  --couleur-alerte-bord: #d9a466;

  /* --- Couleurs de l'agenda --------------------------------------- */
  --jour-disponible-fond: #ffffff;    /* état par défaut : blanc */
  --jour-disponible-texte: #1f2421;
  --jour-reserve-fond: #efe4d4;
  --jour-reserve-texte: #6e5a3f;
  --jour-indisponible-fond: #e9ecea;
  --jour-indisponible-hachure: #f6f7f6;
  --jour-indisponible-texte: #6f7370;
  --jour-passe-texte: #b7b9b6;
  --jour-ferie-marque: #b5523b;       /* petit point sur les jours fériés */
  --jour-selection-fond: var(--couleur-accent);
  --jour-selection-texte: #ffffff;
  --jour-pris-marque: #e08a2e;        /* jour choisi mais déjà pris */
  --jour-exclu-texte: #c9cbc8;        /* dimanche non inclus */

  /* --- Polices ------------------------------------------------------ */
  --police-texte: 'DM Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --police-titres: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --poids-titres: 600;
  --interlettrage-titres: 0;
  /* Noms des mois de l'agenda (site et admin) et montants de la page Tarifs */
  --police-mois: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --police-prix: var(--police-mois);

  /* --- Tailles de texte -------------------------------------------- */
  --taille-petite: 0.875rem;
  --taille-normale: 1rem;
  --taille-grande: 1.125rem;
  --taille-titre-3: 1.35rem;
  --taille-titre-2: clamp(1.7rem, 4vw, 2.4rem);
  --taille-titre-1: clamp(1.7rem, 4.2vw, 2.6rem);

  /* --- Espacements -------------------------------------------------- */
  --espace-xs: 0.25rem;
  --espace-s: 0.5rem;
  --espace-m: 1rem;
  --espace-l: 1.5rem;
  --espace-xl: 2.5rem;
  --espace-xxl: 4.5rem;

  /* --- Formes ------------------------------------------------------- */
  /* Arrondis discrets partout, boutons compris (pas de forme « pilule »). */
  --arrondi: 6px;            /* cadres : agenda, récapitulatif, formulaire */
  --arrondi-petit: 4px;      /* champs, jours de l'agenda, encadrés */
  --arrondi-bouton: 4px;     /* tous les boutons, filtres et badges */
  --ombre: none;             /* pas d'ombre portée */
  --trait: 1px solid var(--couleur-bordure);  /* trait fin de séparation */
  --largeur-max: 1180px;
  --hauteur-entete: 64px;
}