/* ============================================================
   COLORI E CARATTERI DEL SITO
   Presi dai listini dei due bar. Si cambiano solo qui.
   I caratteri si caricano in index.html (riga Google Fonts).

   Cin Cin Bar      nero #000, crema del logo #d3ceb7, oro #c5a05c, verde salvia #9ebe8f
   Marty Beer       verde #90ae4c, giallo #ecc138, marrone #5b4e27, crema #fcf8e6
   ============================================================ */

/* ---------- sito pubblico (home, ordini espositori): nero come il Cin Cin ---------- */
:root{
  --cincin:#c5a05c;        /* colore del Cin Cin Bar: segnaposto sulla mappa, pallini */
  --marty:#90ae4c;         /* colore di Marty Beer Italia */

  --accent:#c5a05c;        /* pulsanti e link (oro Cin Cin) */
  --accent-ink:#0b0b0a;    /* testo sopra i pulsanti */
  --accent-soft:#2a2418;   /* riquadri evidenziati */
  --title:#9ebe8f;         /* titoli delle categorie del menu (verde salvia del listino) */

  --ink:#ece7d6;           /* testo principale (crema) */
  --on-ink:#0b0b0a;        /* testo sopra le parti color crema */
  --muted:#a59f8c;         /* testo secondario */
  --paper:#0b0b0a;         /* sfondo della pagina */
  --card:#161614;          /* sfondo dei riquadri */
  --field:#1f1e1b;         /* campi da compilare, pulsanti chiari */
  --cream:#24231f;         /* sfondi leggeri (etichette, date) */
  --line:#34322c;          /* linee e bordi */
  --grey:#6f6b60;
  --top-bg:rgba(11,11,10,.93);

  --banner-bg:#1c1a15;     /* riquadro "Evento di oggi" */
  --banner-ink:#f3eedf;
  --banner-muted:#bdb6a2;
  --banner-accent:#9ebe8f;
  --banner-line:#c5a05c;

  --green:#9ebe8f;--green-soft:#1d2819;     /* aperto, disponibile */
  --amber:#ecc138;--amber-soft:#2c2711;     /* ultimi pezzi, da contare */
  --amber-ink:#ecc138;
  --alert-ink:#e9cf98;
  --shadow:0 2px 12px rgba(0,0,0,.35);

  --font-title:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --font-text:Inter,"Segoe UI",Arial,sans-serif;
}

/* ---------- menu di Marty Beer Italia: come il suo listino ---------- */
.t-marty{
  --accent:#5b4e27; --accent-ink:#ecc138; --accent-soft:#f6e7ad; --title:#5b4e27;
  --ink:#3b3218; --on-ink:#fcf8e6; --muted:#76683f;
  --paper:#fcf8e6; --card:#fffdf3; --field:#fff; --cream:#f3eac6; --line:#e4d9ae; --grey:#a39a7a;
  --top-bg:rgba(144,174,76,.97);
  --banner-bg:#90ae4c; --banner-ink:#2f2812; --banner-muted:#3f3519; --banner-accent:#5b4e27; --banner-line:#ecc138;
  --green:#4f6e1d; --green-soft:#e6efd2; --amber:#a8780c; --amber-soft:#fbefc4; --amber-ink:#7a5a0a; --alert-ink:#5b4e27;
  --shadow:0 2px 10px rgba(91,78,39,.12);
}

/* ---------- pannello del bar: chiaro e con colori vivaci ---------- */
.t-admin{
  --cincin:#e8a317; --marty:#5c9e1a;
  --accent:#e8a317; --accent-ink:#141414; --accent-soft:#fff1c7; --title:#141414;
  --ink:#1c1b18; --on-ink:#fff; --muted:#5f5a4e;
  --paper:#fffaf0; --card:#fff; --field:#fff; --cream:#fff3d6; --line:#ecdcb8; --grey:#a59f92;
  --top-bg:#141414;
  --banner-bg:#141414; --banner-ink:#fff; --banner-muted:#d9d3c4; --banner-accent:#f5b82e; --banner-line:#141414;
  --green:#2b8a3e; --green-soft:#d3f9d8; --amber:#e67700; --amber-soft:#fff3bf; --amber-ink:#8a4b00; --alert-ink:#7a3d00;
  --red:#e03131;
  --shadow:0 2px 10px rgba(0,0,0,.07);
}