/* =====================================================================
   styles.css — Base commune (partagée avec kitchen.html).
   IMPORTANT : kitchen.html charge ce fichier et s'appuie sur le reset
   ci-dessous ainsi que sur le composant #toast — ne pas supprimer ni
   renommer ces règles. Le système de design premium du site client vit
   désormais dans /css (tokens.css, base.css, components.css,
   marketing.css, pages.css, a11y.css), chargé uniquement par index.html.
   ===================================================================== */
:root {
  --bg: #f6f7f9;
  --card: #ffffff;
  --border: #e4e7ec;
  --text: #1a1d23;
  --text-2: #667085;
  --primary: #e8562a;         /* orange chaleureux restaurant */
  --primary-d: #c8461f;
  --ok: #16a34a;
  --shadow: 0 1px 3px rgba(16,24,40,.08), 0 1px 2px rgba(16,24,40,.05);
  --shadow-lg: 0 12px 40px rgba(16,24,40,.16);
  --radius: 14px;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  color: var(--text); background: var(--bg); line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; }
input, select, textarea { font: inherit; color: inherit; }
img { max-width: 100%; }
a { color: inherit; text-decoration: none; }

/* ===================== Toast (partagé avec kitchen.html) ===================== */
#toast {
  position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%);
  background: #111827; color: #fff; padding: 12px 20px; border-radius: 10px;
  font-size: 14px; z-index: 100; box-shadow: var(--shadow-lg); animation: tin .2s;
}
#toast[hidden] { display: none; }
@keyframes tin { from { opacity: 0; transform: translateX(-50%) translateY(10px); } }