/* ============================================================
   LE COLOMBY — Jetons de design (palette « Crépuscule alpin »)
   Bleu nuit ardoise, terracotta et crème : la montagne au coucher
   du soleil. Remplace la palette rose / aquarelle de T'Nature.
   Ne pas introduire de couleur en dur ailleurs que dans ce fichier.
   ============================================================ */

:root{
  /* — Neutres : bleu nuit du crépuscule, crème de la neige au soleil — */
  --c-encre:      #1F2A3A; /* bleu nuit ardoise : textes, en-tête, boutons */
  --c-encre-doux: #4A5566; /* textes secondaires */
  --c-blanc:      #FFFFFF;
  --c-ivoire:     #F6F1EA; /* crème : fond de page */

  /* — Chauds : sable et bois clair — */
  --c-creme:      #EFE7DB;
  --c-sable:      #E9DCCB;
  --c-peche:      #E3CDB4;
  --c-abricot:    #D9A27F;
  --c-terre:      #C9A585;

  /* — Terracotta : le dernier soleil sur les crêtes (anciens « roses ») — */
  --c-rose-poudre:#F1DDD0;
  --c-rose:       #D98A62;
  --c-corail:     #C0643B; /* accent de la marque */
  --c-framboise:  #A9542F;

  /* — Variantes accessibles, dès qu'une couleur porte du TEXTE (≥ 4,5:1 sur
     crème, sable et blanc). Les noms hérités de T'Nature sont gardés pour ne
     pas toucher style.css : seule la valeur change. — */
  --c-bois-rose:      #A14A25; /* texte accentué : sur-titres, liens */
  --c-bois-rose-sombre:#843B1C;
  --c-bois-rose-fond: #B0532B; /* fond de bouton au survol : blanc dessus ≈ 5:1 */
  --c-terre-texte:    #7A5234;

  /* — Bleu glacier : le rectangle du motif signature — */
  --c-mauve:      #CBD5DF;

  /* — Or doux : pictos d'étoiles et de clés — */
  --c-ocre:       #D9A441;

  /* — Rôles sémantiques — */
  --fond-page:        var(--c-ivoire);
  --texte:            var(--c-encre);
  --texte-doux:       var(--c-encre-doux);
  --texte-inverse:    var(--c-ivoire);
  --accent:           var(--c-bois-rose);
  --accent-decor:     var(--c-corail);
  --accent-fonce:     var(--c-bois-rose-sombre);
  --action-fond:      var(--c-encre);
  --action-texte:     var(--c-blanc);
  --action-fond-survol: var(--c-bois-rose-fond);
  --etoile:           var(--c-ocre);
  --bordure-douce:    rgba(31,42,58,.12);
  --texte-brun:       var(--c-terre-texte);

  --degrade-logo: linear-gradient(100deg,
    var(--c-corail) 0%, var(--c-abricot) 40%, var(--c-peche) 70%, var(--c-sable) 100%);

  /* — Typographie : serif éditorial + sans net — */
  --f-titre:  "Fraunces", "DM Serif Display", Georgia, serif;
  --f-ui:     "Inter", "Helvetica Neue", Arial, sans-serif;
  --f-corps:  "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --fs-h1:    clamp(2.5rem, 6vw, 5rem);
  --fs-h2:    clamp(1.9rem, 4vw, 3.2rem);
  --fs-h3:    clamp(1.2rem, 2vw, 1.5rem);
  --fs-h4:    clamp(1.05rem, 1.4vw, 1.15rem);
  --fs-body:  clamp(1rem, 1.1vw, 1.0625rem);
  --fs-petit: .875rem;
  --fs-micro: .78125rem;

  --lh-titre: 1.1;
  --lh-corps: 1.7;
  --ls-surtitre: .12em;

  /* — Espacements — */
  --e-1: .25rem;  --e-2: .5rem;   --e-3: .75rem;  --e-4: 1rem;
  --e-5: 1.5rem;  --e-6: 2rem;    --e-7: 3rem;    --e-8: 4rem;
  --e-9: 6rem;    --e-10: 8rem;
  --section-y: clamp(3.5rem, 8vw, 7rem);
  --gouttiere:  clamp(1rem, 2.5vw, 2rem);
  --largeur-max: 1280px;
  --largeur-texte: 68ch;

  /* — Rayons (brief §3.5) — */
  --r-pilule: 999px;  /* CTA */
  --r-carte:  10px;
  --r-champ:  8px;
  --r-modale: 14px;
  --r-vignette: 8px;

  /* — Ombres : douces et chaudes, jamais noires — */
  --ombre-carte:  0 8px 30px rgba(56,56,56,.08);
  --ombre-survol: 0 16px 44px rgba(56,56,56,.14);
  --ombre-header: 0 2px 18px rgba(56,56,56,.09);

  /* — Mouvement — */
  --t-rapide: .18s ease;
  --t-base:   .25s ease;
  --t-lent:   .5s cubic-bezier(.22,.61,.36,1);
  --t-rideau: .9s cubic-bezier(.76,0,.24,1);

  /* Taille du texte courant sur téléphone : le sous-titre du hero et les
     paragraphes des sections Maison et Chambres s'y alignent. */
  --fs-mobile-texte: .9375rem;

  /* Hauteur d'une pastille : ses deux paddings, sa ligne de texte, ses bordures.
     Sert à réserver un nombre de rangs fixe dans les cartes de chambre. */
  --h-puce: calc(.8rem + 1.3 * var(--fs-micro) + 2px);

  /* — Divers — */
  --h-header: 76px;
  --z-header: 100;
  --z-modale: 500;
  --z-loader: 9999;
}

@media (max-width: 767px){
  :root{ --h-header: 64px; }
}

/* Le site est pensé en clair. On neutralise l'inversion automatique
   des navigateurs pour que la palette reste fidèle. */
:root{ color-scheme: only light; }