/* ============================================================
   480° Pizza Lounge — Carta de Cervezas
   Shared design system for both pages.
   Brand palette:
     --ink      #000000  (negro)
     --wine     #500600  (rojo vino)
     --cream    fondo crema
     --gold     dorado para acentos
   ============================================================ */

:root {
  --ink: #000000;
  --wine: #500600;
  --wine-soft: #6b0d07;
  --cream: #f6efe3;
  --cream-2: #efe5d3;
  --paper: #fbf7ee;
  --gold: #c8a24a;
  --gold-soft: #d8bd7d;
  --line: rgba(80, 6, 0, 0.18);

  --font-display: "Playfair Display", "Times New Roman", Georgia, serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  color: var(--ink);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ---------- Reusable type helpers ---------- */
.eyebrow {
  font-size: 0.72rem;
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--gold);
  font-weight: 600;
}

.price {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  color: var(--wine);
  font-weight: 700;
}