/* ============================================================
   THÈME PARTAGÉ — palette unique de Pizza Delan.
   ------------------------------------------------------------
   Chargé AVANT le CSS de chaque vue (index / caisse / cuisine /
   livreur / admin). Source unique des couleurs de marque : changer
   une couleur ICI = la changer partout.

   Chaque vue peut redéfinir, dans son propre `:root` (placé après ce
   fichier), UNIQUEMENT ce qui lui est spécifique — ex. la cuisine a un
   fond plus sombre et des coins plus carrés, l'accueil un rayon de 16px.
   Ces `:root` locaux surchargent celui-ci (même spécificité, ordre des
   liens). Ne PAS dupliquer ici un token déjà identique partout.
   ============================================================ */
:root {
  --bg:         #0f0f0f;
  --surface:    #1a1a1a;
  --surface2:   #222222;
  --surface3:   #2a2a2a;
  --border:     #333333;
  --red:        #e8220a;
  --red-dim:    #8c1406;
  --red-glow:   rgba(232,34,10,0.18);
  --cream:      #f5e9d0;
  --cream-dim:  #cebf91;
  --text:       #f0ece4;
  --text-muted: #9a9a9a;
  --focus:      #8ab4ff;
  --green:      #22c55e;
  --green-dim:  rgba(34,197,94,0.12);
  --orange:     #f97316;
  --orange-dim: rgba(249,115,22,0.12);
  --blue:       #3b82f6;
  --blue-dim:   rgba(59,130,246,0.12);
  --yellow:     #eab308;
  --yellow-dim: rgba(234,179,8,0.12);
  --gray-dim:   rgba(120,120,120,0.12);
  --radius:     14px;
  --radius-sm:  8px;
  --shadow:     0 4px 24px rgba(0,0,0,0.5);
}