/* ==========================================================================
   FICHIER DE THÈME INTERCHANGEABLE (CLIENT UNIQUEMENT) — theme.css
   --------------------------------------------------------------------------
   Pour déployer un nouveau restaurant :
   1. Modifiez uniquement les variables CSS ci-dessous (:root).
   2. Remplacez le logo dans /assets/logo.png.
   3. Mettez à jour le nom du restaurant dans les balises <title> / <meta> de index.html.
   ⚠️ Ce fichier n'impacte JAMAIS le backoffice (/admin.html) qui reste un SaaS neutre.
   ========================================================================== */

:root {
  /* Couleur principale de la marque (boutons d'action, prix, badges actifs, sélection) */
  --primary-color: #BA151C;
  --primary-hover: #a01218;
  --primary-soft: rgba(186, 21, 28, 0.08);
  --primary-border: rgba(186, 21, 28, 0.25);
  --primary-glow: rgba(186, 21, 28, 0.35);

  /* Couleurs de fond (arrière-plan global, zone de défilement, cartes & modales) */
  --bg-main: #f2f3f5;
  --bg-surface: #f8f9fa;
  --bg-card: #ffffff;

  /* Couleurs typographiques (titres principaux et textes secondaires) */
  --text-primary: #111111;
  --text-secondary: #666666;

  /* Rayons d'arrondis (cartes, modales, boutons) */
  --border-radius: 24px;
  --border-radius-lg: 32px;
  --border-radius-pill: 9999px;

  /* Polices de caractères */
  --font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: 'Epilogue', sans-serif;
}