/* =========================================================
   MYOSOTIS — Variables de la charte graphique
   À inclure en premier dans toutes les feuilles de style.
   Ces valeurs sont les valeurs PAR DÉFAUT.

   Le panel d'administration les surcharge en injectant un bloc
   <style> dans l'en-tête de chaque page, construit à partir de la
   table `reglages` (voir variables_apparence() dans
   app/core/apparence.php). Les valeurs ci-dessous s'appliquent donc
   tant que l'administrateur n'a rien changé.
   ========================================================= */

/* ---------------------------------------------------------
   POLICES SERVIES DEPUIS CE SERVEUR
   La charte prévoyait un @import depuis Google Fonts. Nous ne
   l'utilisons pas : charger une police chez Google transmet
   l'adresse IP de chaque visiteur à Google, ce qui est contraire
   au RGPD sans consentement préalable (jugement LG München,
   janvier 2022 ; position identique de la CNIL). Le cahier des
   charges exige la conformité RGPD et un hébergement en UE.

   Les deux polices de la charte — Fraunces et DM Sans — sont donc
   hébergées ici. Typographie identique, aucune requête externe,
   et une page qui s'affiche plus vite.

   Ce sont des polices variables : un seul fichier couvre toutes
   les graisses de 400 à 600.
   --------------------------------------------------------- */

/* Fraunces — titres */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;           /* le texte s'affiche tout de suite */
  src: url('/assets/fonts/fraunces-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                 U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
                 U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url('/assets/fonts/fraunces-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
                 U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
                 U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
                 U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* DM Sans — texte, boutons, formulaires */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url('/assets/fonts/dm-sans-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
                 U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
                 U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url('/assets/fonts/dm-sans-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7,
                 U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF,
                 U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
                 U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* --- Couleurs principales --- */
  --encre:            #1F3A33; /* titres, fonds sombres (vert forêt profond) */
  --myosotis:         #4A6FA5; /* couleur d'action : boutons, liens */
  --myosotis-fonce:   #3F5F8F; /* survol des boutons */
  --myosotis-clair:   #DCE6F3; /* fonds d'étiquettes, mises en avant légères */
  --sauge:            #6E8B78; /* décor, icônes, filets (pas pour petit texte) */
  --sauge-fonce:      #56705F; /* petit texte vert (surtitres) */
  --sauge-clair:      #DFE7E0; /* fonds de section alternés */
  --coeur:            #E3B94F; /* cœur de la fleur : touche minuscule seulement */

  /* --- Neutres --- */
  --creme:            #F7F4EE; /* fond principal du site */
  --blanc:            #FFFFFF; /* cartes */
  --pierre:           #ECE6DB; /* fonds secondaires */
  --pierre-fonce:     #D6CDBE; /* bordures */
  --texte:            #2E2D2A; /* texte courant */
  --texte-doux:       #5C5A55; /* texte secondaire */

  /* --- Typographie --- */
  --police-titre: 'Fraunces', Georgia, 'Times New Roman', serif;
  --police-texte: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --taille-h1: clamp(2.2rem, 5vw, 3.6rem);
  --taille-h2: clamp(1.7rem, 3.4vw, 2.5rem);
  --taille-h3: 1.3rem;
  --taille-texte: 1.0625rem;  /* 17px : lisible pour un public âgé */
  --taille-petit: 0.875rem;
  --interligne: 1.65;

  /* --- Espacements --- */
  --esp-1: 0.5rem;
  --esp-2: 1rem;
  --esp-3: 1.5rem;
  --esp-4: 2.5rem;
  --esp-5: 4rem;
  --esp-6: 6rem;
  --largeur-max: 1160px;

  /* --- Formes --- */
  --arrondi-s: 8px;
  --arrondi-m: 14px;
  --arrondi-l: 24px;
  --ombre: 0 1px 2px rgba(31,58,51,.06), 0 8px 24px rgba(31,58,51,.08);
}