/* ============================================================
   THEME — Hôtel Le Cristal, Cocody (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:      #0e2235;   /* bleu nuit profond (header, titres, aplats) */
  --c-primary-soft: #1c3a55;   /* bleu acier (dégradés, hover) */
  --c-accent:       #b08d57;   /* cuivre / champagne (boutons, traits, luxe) */
  --c-accent-soft:  #cdab7e;   /* cuivre clair (survol) */
  --c-cream:        #f6f3ee;   /* fond clair ivoire */
  --c-ink:          #16181c;   /* texte principal */

  /* --- Déclinaisons dérivées --- */
  --c-bg:           var(--c-cream);
  --c-bg-alt:       #ece7dd;
  --c-surface:      #ffffff;
  --c-muted:        #6a6c70;
  --c-line:         #e2dccf;
  --c-on-dark:      #f3efe7;
  --c-on-dark-muted:#aeb8c4;

  /* --- Voile sombre posé sur les images (unifie le rendu premium) --- */
  --img-veil: linear-gradient(180deg, rgba(14,34,53,.32) 0%, rgba(14,34,53,.58) 60%, rgba(9,24,38,.80) 100%);
  --img-veil-soft: linear-gradient(180deg, rgba(14,34,53,.20) 0%, rgba(14,34,53,.45) 100%);

  /* --- Typographie --- */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', 'Segoe UI', system-ui, sans-serif;

  /* --- Rythme & formes (registre moderne épuré : angles plus nets) --- */
  --maxw: 1240px;
  --gutter: clamp(20px, 5vw, 64px);
  --radius: 2px;
  --radius-lg: 6px;
  --shadow: 0 18px 50px -20px rgba(14, 34, 53, .38);
  --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 --- */
  --brand-name: "Hôtel Le Cristal";
}