/* ============================================================
   THEME — Le Calao, restaurant afro-contemporain (Abidjan)
   Pour adapter la démo à un nouveau prospect, ne touche QUE ce fichier
   (et le nom du restaurant + les images dans le HTML).
   ============================================================ */

:root {
  /* --- Couleurs de marque (les 6 leviers principaux) --- */
  --c-primary:      #241a14;   /* espresso profond (header, titres, aplats) */
  --c-primary-soft: #3a2a1e;   /* brun chaud (dégradés, hover) */
  --c-accent:       #c2703a;   /* terracotta / ambre (boutons, traits) */
  --c-accent-soft:  #d99a63;   /* ambre clair (survol) */
  --c-cream:        #f7f0e4;   /* fond clair crème chaud */
  --c-ink:          #211913;   /* texte principal */

  /* --- Déclinaisons dérivées --- */
  --c-bg:           var(--c-cream);
  --c-bg-alt:       #efe5d4;
  --c-surface:      #fffaf2;
  --c-muted:        #6e6155;
  --c-line:         #e7dbc6;
  --c-on-dark:      #f6eee1;
  --c-on-dark-muted:#cdbfa9;

  /* --- Voile sombre posé sur les images (unifie le rendu gourmand) --- */
  --img-veil: linear-gradient(180deg, rgba(36,26,20,.34) 0%, rgba(36,26,20,.58) 60%, rgba(22,16,12,.82) 100%);
  --img-veil-soft: linear-gradient(180deg, rgba(36,26,20,.22) 0%, rgba(36,26,20,.48) 100%);

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

  /* --- Rythme & formes (chaleureux : angles plus doux) --- */
  --maxw: 1240px;
  --gutter: clamp(20px, 5vw, 64px);
  --radius: 6px;
  --radius-lg: 14px;
  --shadow: 0 18px 50px -20px rgba(36, 26, 20, .42);
  --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: "Le Calao";
}