/*
 * TOKENS DE DESIGN — site Biome Constructions
 * ---------------------------------------------------------------
 * Source de verite visuelle : maquette Claude Design (dossier /maquettes,
 * fichiers *.dc.html, styles inline). Toutes les valeurs ci-dessous sont
 * extraites tel quel de la maquette (Header, Footer, StickyActions,
 * PropertyCard, Accueil, et recoupees avec les autres pages de l'export).
 *
 * NE PAS MODIFIER SANS VALIDATION. Voir CLAUDE.md section 4
 * ("Zones NE PAS MODIFIER") et docs/architecture-donnees.md section 4.
 * Toute deviation (couleur, espacement, police) doit etre justifiee et
 * validee par le chef de projet, pas improvisee.
 *
 * Chargement des polices Google Fonts (Poppins 500-800, Mulish 400-800) :
 * fait via des balises <link> dans le layout Blade principal (lot suivant),
 * pas dans ce fichier CSS.
 */

:root {

  /* ===== TYPOGRAPHIE : familles de police ===== */
  --police-titres: 'Poppins', sans-serif;
  --police-texte: 'Mulish', sans-serif;

  /* ===== TYPOGRAPHIE : tailles recurrentes ===== */
  /* Relevees dans les sections (h1 hero, h2 de section, h3 de carte, corps de texte, labels) */
  --taille-h1-hero: 52px;
  --taille-h2-section-lg: 38px;
  --taille-h2-section: 32px;
  --taille-h3-carte-lg: 21px;
  --taille-h3-carte: 19px;
  --taille-h3-carte-sm: 18px;
  --taille-h3-carte-xs: 16px;
  --taille-corps-lg: 19px;
  --taille-corps: 16.5px;
  --taille-corps-sm: 16px;
  --taille-nav: 16.5px;
  --taille-prix-carte: 21px;
  --taille-prix-carte-sm: 19px;
  --taille-texte-carte: 14.5px;
  --taille-bouton: 14px;
  --taille-bouton-sm: 13.5px;
  --taille-badge: 12.5px;
  --taille-petite: 13px;
  --taille-tres-petite: 12px;
  --taille-mini: 11.5px;
  --taille-footer-titre: 14px;
  --taille-footer-texte: 14px;

  /* ===== COULEURS : bleu et variantes de marque ===== */
  --couleur-bleu-principal: #1C5BB8;
  --couleur-bleu-hover: #2467CC;
  --couleur-bleu-clair: #2E7BE4;
  --couleur-bleu-clair-hover: #4089EE;

  /* ===== COULEURS : texte ===== */
  --couleur-texte-fonce: #122A4A;
  --couleur-texte-titre-carte: #1B2A3D;
  --couleur-texte-attenue: #5C6B7E;
  --couleur-texte-clair: #ffffff;

  /* ===== COULEURS : bleus fonces (header sombre footer / sticky / hover fonces) ===== */
  --couleur-bleu-fonce: #0E2440;
  --couleur-bleu-fonce-hover: #16335A;

  /* ===== COULEURS : textes attenues sur fond fonce (footer / sticky) ===== */
  --couleur-texte-attenue-clair: #7E92AE;
  --couleur-texte-attenue-clair-fort: #A9B8CD;
  --couleur-texte-attenue-carte: #9AA6B6;

  /* ===== COULEURS : fonds clairs / survols ===== */
  --couleur-fond-survol-bleu-clair: #EAF1FB;
  --couleur-fond-survol-bleu: #DCE8F7;
  --couleur-fond-hero: #E8EFF7;
  --couleur-fond-hero-degrade: #FBFCFE;

  /* ===== COULEURS : bordures ===== */
  --couleur-bordure-header: #E4EAF2;
  --couleur-bordure-carte: #E8EDF4;
  --couleur-bordure-separateur: #EEF2F7;
  --couleur-bordure-nav: #DCE6F1;
  --couleur-bordure-bouton: #D6DFEC;
  --couleur-bordure-bouton-secondaire: #CBD8E8;

  /* ===== MISE EN PAGE : conteneur et grille ===== */
  --largeur-conteneur: 1280px;
  --largeur-conteneur-etroit: 1100px;
  --padding-lateral-conteneur: 32px;

  /* ===== MISE EN PAGE : padding vertical de section (motif "XXpx 32px") ===== */
  --espace-section-xs: 48px;
  --espace-section-sm: 56px;
  --espace-section-md: 60px;
  --espace-section-lg: 64px;
  --espace-section-xl: 68px;
  --espace-section-xxl: 72px;

  /* ===== RAYONS ===== */
  --rayon-carte: 14px;
  --rayon-carte-grande: 16px;
  --rayon-carte-tres-grande: 18px;
  --rayon-bouton: 9px;
  --rayon-bouton-grand: 10px;
  --rayon-nav: 12px;
  --rayon-badge: 5px;
  --rayon-cercle: 50%;

  /* ===== OMBRES ===== */
  /* Base : rgba(18,42,74, .04 a .18) selon l'intensite du relief souhaite */
  --ombre-legere: 0 1px 0 rgba(18, 42, 74, .04);
  --ombre-nav: 0 4px 16px rgba(18, 42, 74, .06);
  --ombre-carte: 0 6px 20px rgba(18, 42, 74, .05);
  --ombre-carte-hover: 0 14px 32px rgba(18, 42, 74, .12);
  --ombre-carte-parcours: 0 10px 30px rgba(18, 42, 74, .08);
  --ombre-carte-parcours-hover: 0 18px 40px rgba(18, 42, 74, .14);
  --ombre-property-card: 0 6px 22px rgba(18, 42, 74, .06);
  --ombre-property-card-hover: 0 14px 34px rgba(18, 42, 74, .13);
  --ombre-bouton-favori: 0 4px 12px rgba(18, 42, 74, .15);
  --ombre-image-mise-en-avant: 0 24px 50px rgba(18, 42, 74, .14);
  --ombre-sticky-actions: 0 18px 44px rgba(14, 36, 64, .28);

  /* ===== TRANSITIONS ===== */
  --transition-rapide: .12s;
  --transition-standard: .15s;
  --transition-douce: .18s;
  --transition-lente: .3s;
}