/* ============================================================
   THEME — Hôtel Lagune d'Ivoire (template réskinnable)
   Pour adapter la démo à un nouveau prospect, ne touche QUE ce fichier
   (et le nom de l'hôtel + les images dans le HTML).
   ============================================================ */

:root {
  /* --- Couleurs de marque (les 6 leviers principaux) --- */
  --c-primary:      #0f3d2e;   /* vert émeraude profond (header, titres, aplats) */
  --c-primary-soft: #155c43;   /* émeraude clair (dégradés, hover) */
  --c-accent:       #c9a24b;   /* doré (boutons, traits, détails luxe) */
  --c-accent-soft:  #e3c987;   /* doré clair (survol) */
  --c-cream:        #faf7f0;   /* fond clair crème */
  --c-ink:          #1c1c1a;   /* texte principal */

  /* --- Déclinaisons dérivées --- */
  --c-bg:           var(--c-cream);
  --c-bg-alt:       #f1ece0;
  --c-surface:      #ffffff;
  --c-muted:        #6b6b63;
  --c-line:         #e4ddcd;
  --c-on-dark:      #f5f1e8;
  --c-on-dark-muted:#c9c4b6;

  /* --- Voile sombre posé sur les images (unifie le rendu premium) --- */
  --img-veil: linear-gradient(180deg, rgba(15,61,46,.30) 0%, rgba(15,61,46,.55) 60%, rgba(15,61,46,.78) 100%);
  --img-veil-soft: linear-gradient(180deg, rgba(15,61,46,.18) 0%, rgba(15,61,46,.42) 100%);

  /* --- Typographie --- */
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body:    'Jost', 'Segoe UI', system-ui, sans-serif;

  /* --- Rythme & formes --- */
  --maxw: 1240px;
  --gutter: clamp(20px, 5vw, 64px);
  --radius: 4px;
  --radius-lg: 10px;
  --shadow: 0 18px 50px -20px rgba(15, 61, 46, .35);
  --shadow-soft: 0 10px 30px -18px rgba(0, 0, 0, .35);
  --transition: .35s cubic-bezier(.22, 1, .36, 1);

  /* --- Coordonnées de la démo (utilisées dans plusieurs pages) --- */
  --brand-name: "Hôtel Lagune d'Ivoire";
}