/* ============================================================
   THEME — Hôtel Savana (démo structure type, palette marron/blanc)
   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:      #4a3526;   /* marron profond (header, titres, aplats) */
  --c-primary-soft: #6b4f3a;   /* brun clair (dégradés, hover) */
  --c-accent:       #b07d4b;   /* caramel / bronze (boutons, traits) */
  --c-accent-soft:  #cda06f;   /* caramel clair (survol) */
  --c-cream:        #faf7f2;   /* blanc cassé chaud */
  --c-ink:          #2a221b;   /* texte principal */

  /* --- Déclinaisons dérivées --- */
  --c-bg:           var(--c-cream);
  --c-bg-alt:       #f0e8dc;
  --c-surface:      #ffffff;
  --c-muted:        #6f6358;
  --c-line:         #e7ddcd;
  --c-on-dark:      #f6efe6;
  --c-on-dark-muted:#cbbdab;

  /* --- Voile sombre posé sur les images --- */
  --img-veil: linear-gradient(180deg, rgba(74,53,38,.32) 0%, rgba(74,53,38,.56) 60%, rgba(42,30,21,.80) 100%);
  --img-veil-soft: linear-gradient(180deg, rgba(74,53,38,.20) 0%, rgba(74,53,38,.46) 100%);

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

  /* --- Rythme & formes (classique hôtelier) --- */
  --maxw: 1240px;
  --gutter: clamp(20px, 5vw, 64px);
  --radius: 4px;
  --radius-lg: 10px;
  --shadow: 0 18px 50px -20px rgba(74, 53, 38, .40);
  --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 Savana";
}