/* Köbs — tokens compartidos (landing + menú) */
:root {
  --paper: #FBF6EE;
  --paper-2: #F4EBDD;
  --ink: #2A1A17;
  --muted: #7A6A63;
  --line: #EADFD2;
  --crimson: #C41E3A;
  --red: var(--crimson); /* el editor de Esmera puede cambiar --crimson */
  --red-deep: #9E1530;
  --gold: #C9A84C;
  --cream: #FFE3A8;
  --radius: 22px;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  font-family: 'DM Sans', system-ui, -apple-system, sans-serif;
  color: var(--ink);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}
img { max-width: 100%; display: block; }
button { font-family: inherit; }

/* Guarda de mantel (el mantel rojo y blanco de las mesas de Köbs) */
.mantel {
  height: 18px;
  background-color: var(--red);
  background-image:
    radial-gradient(circle at 9px 9px, #fff 2.2px, transparent 2.6px),
    radial-gradient(circle at 0 0, rgba(255,255,255,.55) 3px, transparent 3.4px),
    radial-gradient(circle at 18px 18px, rgba(255,255,255,.55) 3px, transparent 3.4px),
    linear-gradient(45deg, transparent 46%, rgba(255,255,255,.35) 47%, rgba(255,255,255,.35) 53%, transparent 54%),
    linear-gradient(-45deg, transparent 46%, rgba(255,255,255,.35) 47%, rgba(255,255,255,.35) 53%, transparent 54%);
  background-size: 18px 18px;
}