/* ==========================================================================
   config/charte.css
   ------------------------------------------------------------------------
   Fichier UNIQUE de variables de marque pour toute l'application
   (interface web ET export PowerPoint, qui lit ces mêmes valeurs via
   js/core/charte.js — voir plus bas).

   ⚠️ IMPORTANT — VALEURS PROVISOIRES ⚠️
   Je n'ai pas accès à la charte graphique officielle Nexity (fichier de
   marque, nuancier Pantone, polices sous licence, logo vectoriel). Les
   valeurs ci-dessous sont des estimations plausibles construites à partir
   des codes visuels génériques d'un promoteur immobilier français
   (dominante rouge, fond clair, sans-serif). Elles sont signalées
   « Hypothèse » et NE DOIVENT PAS être considérées comme la charte
   officielle de l'entreprise.

   COMMENT LES REMPLACER :
   1. Demandez au service communication/marketing Nexity le fichier de
      charte (souvent un PDF « brand guidelines ») avec les codes
      hexadécimaux exacts, la police officielle (souvent une police sous
      licence, ex. une variante maison) et le logo en SVG.
   2. Remplacez uniquement les valeurs entre les balises /* Hypothèse */ et
      /* fin */ ci-dessous. Ne touchez pas aux NOMS des variables
      (--couleur-primaire, etc.) : tout le reste du code s'appuie dessus.
   3. Déposez le logo officiel dans /assets/logo-nexity.svg (créez le
      dossier assets/ à la racine du dépôt) et mettez à jour
      --url-logo en conséquence.
   4. Si la police officielle n'est pas disponible en web-font libre,
      demandez au service communication un lien vers un fournisseur
      (Adobe Fonts, licence Fonts.com, etc.) ou un fallback autorisé.
   ========================================================================== */

:root {
  /* Hypothèse : couleur primaire — rouge institutionnel Nexity (à vérifier
     auprès du service communication ; de nombreux promoteurs utilisent un
     rouge proche de #E2001A à #C8102E). */
  --couleur-primaire: #C8102E;
  --couleur-primaire-hover: #A50D26;
  --couleur-primaire-clair: #FBE7EA;

  /* Hypothèse : couleur secondaire — anthracite pour les textes forts et
     les éléments d'interface secondaires. */
  --couleur-secondaire: #1F2328;

  /* Neutres — fond clair, gris de structure, bordures. */
  --couleur-fond: #FFFFFF;
  --couleur-fond-alt: #F7F7F8;
  --couleur-bordure: #E1E2E5;
  --couleur-texte: #1F2328;
  --couleur-texte-attenue: #5B6068;
  --couleur-texte-inverse: #FFFFFF;

  /* Sémantique fonctionnelle (diagnostic, alertes, scoring) — indépendante
     de la charte, ne pas modifier sans raison fonctionnelle. */
  --couleur-succes: #1E7B34;
  --couleur-succes-fond: #E9F6EC;
  --couleur-alerte: #B5710A;
  --couleur-alerte-fond: #FDF3E3;
  --couleur-erreur: #C8102E;
  --couleur-erreur-fond: #FBE7EA;
  --couleur-info: #1B5FA8;
  --couleur-info-fond: #E8F0FA;

  /* Hypothèse : typographie — sans-serif institutionnelle. Remplacer par
     la police officielle Nexity si elle existe sous forme de web-font.
     Fallback système en attendant (pas de dépendance à une police
     hébergée à distance, pour rester utilisable même sans accès à des
     CDN de polices). */
  --police-principale: "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  --police-titres: "Segoe UI Semibold", "Segoe UI", -apple-system, Arial, sans-serif;

  /* Hypothèse : rayon de bordure — angles peu arrondis, cohérent avec une
     identité institutionnelle sobre. */
  --rayon-bordure: 2px;
  --rayon-bordure-large: 4px;

  /* Emplacement et dimensions du logo — voir point 3 ci-dessus. En
     attendant le fichier officiel, l'interface affiche un logotype texte
     de repli (voir index.html, bloc .logo-repli). */
  --url-logo: "/assets/logo-nexity.svg";
  --hauteur-logo: 28px;

  /* Trame d'espacement (8px) — cohérence visuelle, sans lien avec la
     charte de marque à proprement parler. */
  --espace-1: 4px;
  --espace-2: 8px;
  --espace-3: 16px;
  --espace-4: 24px;
  --espace-5: 32px;
  --espace-6: 48px;

  /* Ombre très légère, réservée aux éléments flottants (menus, modales) —
     une identité « corporate sobre » proscrit les ombres marquées sur les
     cartes de contenu courantes. */
  --ombre-flottant: 0 4px 16px rgba(31, 35, 40, 0.16);

  --largeur-max-contenu: 1360px;
}