/* ============================================================================
   STILE 1 — OSTERIA · colori e caratteri
   "CARTA E INCHIOSTRO": fondo panna come una tovaglietta, inchiostro scuro,
   vino e oliva. È un menu stampato, non una carta illuminata.

   ──────────────────────────────────────────────────────────────────────────
   Se si vuole tornare alla versione VERDE BOTTIGLIA provata prima, bastano
   questi valori al posto di quelli qui sotto:
     --bg #101a15 · --bg-2 #16231d · --bg-3 #1c2c24 · --bg-4 #27392f
     --ember #c0703a · --gold #cfae62 · --cream #f4efe3 · --muted #b6b3a2
     --ink-rgb 7,13,10 · --gold-rgb 207,174,98 · --ember-rgb 192,112,58
   ──────────────────────────────────────────────────────────────────────────
   ========================================================================== */

:root{
  --bg:        #f2ebdd;   /* carta da pacco chiara */
  --bg-2:      #fffdf7;   /* i fogli: riquadri e carte */
  --bg-3:      #fffdf7;
  --bg-4:      #e5dac4;   /* rilievi e fondo dei medaglioni */
  --ember:     #8c2433;   /* vino */
  --ember-2:   #ab3a48;
  --flame:     #6d1b27;
  --brick:     #5a1520;
  --gold:      #8c2433;   /* qui il ruolo "oro" è il vino: è l'unico accento */
  --gold-soft: #8a6520;   /* ottone scuro: i prezzi devono leggersi sulla carta */
  --basil:     #6b7a3a;   /* oliva */
  --cream:     #241d16;   /* ⚠️ questo è il TESTO: su carta va a inchiostro */
  --muted:     #6d6156;
  --line:      rgba(36,29,22,.18);
  --shadow:    0 12px 30px rgba(60,45,30,.16);

  --gold-rgb:  140,36,51;
  --ember-rgb: 140,36,51;
  --ink-rgb:   26,18,12;                  /* le pagine a tutto schermo restano scure */

  --overlay-bg:     #f2ebdd;              /* pieno: dietro non si intravede la home */
  --btn-bg:         rgba(36,29,22,.42);
  --dot-bg:         rgba(36,29,22,.26);
  --photo-veil:     rgba(242,235,221,.94);
  --page-dot:       rgba(255,255,255,.36);
  --gold-2:         #6d1b27;
  --page-text:      #ffffff;
  --page-text-soft: rgba(255,255,255,.88);
  --page-line:      rgba(255,255,255,.26);

  /* Specialità: un timbro di vino sulla carta */
  --spec-bg:   linear-gradient(135deg, #5a1520 0%, #8c2433 55%, #ab3a48 100%);
  --spec-ink:  #fdf7ee;
  --spec-sub:  rgba(253,247,238,.80);
  /* Menu del Giorno: oliva, così non litiga col vino delle Specialità */
  --day-bg:    linear-gradient(160deg, #6b7a3a, #465223);
  --day-ink:   #fdfbf2;
  --day-sub:   #dfe8c2;
  --day-badge: linear-gradient(180deg,#eef3dc,#c3d199);
  --day-badge-ink: #2b3312;

  --font-display: "Playfair Display", Georgia, serif;
  --font-head:    "Cormorant Garamond", Georgia, serif;
  --font-body:    "Lato", system-ui, sans-serif;
}

/* la carta: nessun alone, un velo caldissimo agli angoli */
body{
  background:
    radial-gradient(120% 80% at 50% -10%, rgba(140,36,51,.05), transparent 60%),
    var(--bg);
}
body::before{ display:none; }        /* via la trama a griglia: sulla carta sporca */

/* intestazione stampata */
.hero{ padding-top:44px; }
.hero-name{ color:var(--cream); text-shadow:none; }
.hero .kicker{ color:var(--gold); letter-spacing:.3em; }
.hero .sub{ letter-spacing:.3em; font-size:1.02rem; font-weight:600; color:var(--muted); }
.hero .flame-rule{
  height:2px; width:120px; border-radius:0; box-shadow:none;
  background:linear-gradient(90deg, transparent, var(--basil), var(--gold), transparent);
}

/* i riquadri delle categorie: fogli con un filo di ombra, non rilievi scuri */
.cat-btn{
  background:var(--bg-2);
  border:1px solid var(--line);
  box-shadow:0 2px 0 rgba(36,29,22,.05);
}
.cat-btn:hover, .cat-btn:focus-visible{
  border-color:var(--gold); box-shadow:0 6px 18px rgba(60,45,30,.14);
}
.cat-btn::after{ display:none; }
.cat-btn .label{ letter-spacing:.07em; font-size:1.18rem; }
.cat-btn .arrow{ color:var(--gold); }

/* le carte dei piatti: carta bianca, inchiostro, prezzo in ottone scuro */
.card{ border-color:var(--line); }
.card .body .kick{ color:var(--gold); }
.card .price{ background:linear-gradient(180deg, var(--gold), var(--gold-2)); color:#fdf7ee; }
.card .seal{ color:var(--gold); opacity:.35; }

/* la carta "specialità": in base.css è oro su bruno, qui è vino su carta */
.card.special{ background:linear-gradient(180deg, #7c1f2d, #5a1520); border-color:rgba(140,36,51,.5); }
.card.special .photo{ background:linear-gradient(135deg, rgba(171,58,72,.5), rgba(90,21,32,.6)), var(--bg-4); }
.card.special .photo::after{ background:linear-gradient(transparent, rgba(60,14,22,.96)); }
.card.special .photo .fallback{ background:radial-gradient(80% 80% at 50% 34%, rgba(171,58,72,.42), transparent 70%), linear-gradient(160deg, #7c1f2d, #4a1019); }
.card.special .body h3{ color:#fdf7ee; }
.card.special .body p{ color:rgba(253,247,238,.84); }
.card.special .body .spec-kick{ color:#f0c9a0; text-shadow:none; }
.card.special .seal{ color:#f0c9a0; }
.overlay.pages .card.special{ background:linear-gradient(180deg, #7c1f2d, #2a0d12); }
.overlay.pages .card.special .photo::after{ background:linear-gradient(transparent, rgba(42,13,18,.55) 38%, rgba(26,18,12,.97)); }

/* il pannello del Menu del Giorno: foglio di carta, non fondo scuro */
.overlay.giorno-sheet{ background:var(--bg); }
.giorno-head h2{ color:var(--cream); }
.giorno-kicker{ color:var(--basil); }
.giorno-date{ color:var(--gold-soft); }
.giorno-note{ background:rgba(107,122,58,.10); border-color:rgba(107,122,58,.4); color:var(--cream); }