/* ==========================================================================
   KEUR TERANGA — Design System / Variables
   Palette inspirée du crépuscule sur la Corniche de Ngor : ciel indigo,
   braises de la grillade, épices dorées.
   ========================================================================== */

:root {

  /* ---- Couleurs principales ---- */
  --color-navy:        #14293A;   /* fond sombre, header, footer */
  --color-navy-deep:   #0D1D29;   /* fond sombre le plus profond */
  --color-navy-light:  #23495F;   /* sections sombres secondaires */

  --color-ember:       #E2542B;   /* accent chaud : CTA, prix en avant */
  --color-ember-dark:  #B93F1C;   /* hover CTA */
  --color-ember-soft:  #F2A98C;   /* touches claires sur fond sombre */

  --color-gold:        #D9A441;   /* accent épices, dividers, bordures */
  --color-gold-light:  #F0D18A;

  --color-cream:       #FBF3E6;   /* fond clair principal */
  --color-cream-deep:  #F1E2C4;   /* fond clair secondaire (cards) */

  --color-charcoal:    #241C15;   /* texte principal */
  --color-charcoal-60: rgba(36, 28, 21, 0.6);
  --color-white:       #FFFFFF;

  --color-whatsapp:    #25D366;   /* couleur officielle WhatsApp, bouton flottant */
  --color-whatsapp-dark: #1DA851;

  /* ---- Typographie ---- */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body:    'Karla', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:    'Space Mono', 'Courier New', monospace;

  --fs-eyebrow:   0.78rem;
  --fs-body:      clamp(1rem, 0.95rem + 0.2vw, 1.1rem);
  --fs-h1:        clamp(2.4rem, 1.9rem + 2.5vw, 4.6rem);
  --fs-h2:        clamp(1.8rem, 1.55rem + 1.3vw, 2.8rem);
  --fs-h3:        clamp(1.25rem, 1.15rem + 0.5vw, 1.6rem);
  --fs-price:     clamp(1rem, 0.95rem + 0.2vw, 1.15rem);

  /* ---- Espacements ---- */
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.75rem;
  --space-lg:  3rem;
  --space-xl:  5rem;
  --space-2xl: 7.5rem;

  /* ---- Layout ---- */
  --container-width: 1180px;
  --container-pad:   1.5rem;
  --radius-sm:  6px;
  --radius-md:  14px;
  --radius-pill: 999px;

  /* ---- Ombres ---- */
  --shadow-soft: 0 12px 30px -12px rgba(13, 29, 41, 0.25);
  --shadow-card: 0 8px 24px -10px rgba(36, 28, 21, 0.18);

  /* ---- Transitions ---- */
  --transition-fast: 0.18s ease;
  --transition-mid:  0.32s ease;

  /* ---- Bordure motif "wax" (bande décorative signature) ---- */
  --wax-size: 28px;
}