/* ─────────────────────────────────────────────────────────────
   IDENTIDAD DEL NEGOCIO · el único CSS que cambia de un negocio a otro
   (además de la línea de Google Fonts en links/, admin/ y 404.html).

   Los nombres vienen de la plantilla original (pizzería); úsalos por su papel:
   --papel   superficie clara principal      --corteza  texto y bloques oscuros
   --harina  fondo exterior (tablet)         --brasa    ÚNICO acento (CTA, eyebrows)
   --miga    rellenos / líneas               --trigo    sello y stickers (texto oscuro encima)
   Contraste mínimo: --brasa sobre --papel ≥ 4.5:1 · --corteza sobre --trigo ≥ 4.5:1.
   ───────────────────────────────────────────────────────────── */
:root {
  --papel: #fbf7f0;      /* superficie principal */
  --harina: #f3eadc;     /* fondo exterior */
  --miga: #e6d6bf;
  --miga-2: #efe4d2;     /* ticket, chips */
  --corteza: #221510;    /* texto y bloques oscuros */
  --corteza-2: #36231a;
  --brasa: #b23f1c;      /* acento único: 5.4:1 sobre papel */
  --brasa-2: #963314;
  --brasa-claro: #e0673d;/* acento sobre fondo oscuro: 4.9:1 */
  --trigo: #d9a43f;      /* sello y stickers, siempre con texto oscuro (7.4:1) */
  --texto: #221510;
  --texto-2: #6b5443;    /* 6.6:1 sobre papel */
  --linea: rgba(34, 21, 16, .14);
  --wa: #1f7a45;

  --display: "Young Serif", Georgia, "Times New Roman", serif;
  --sans: "Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;


  /* textura de harina: ruido SVG muy sutil, sin imágenes externas */
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .13 0 0 0 0 .08 0 0 0 0 .06 0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --grain-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .95 0 0 0 0 .9 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");

  /* Forma del marco de fotos (portada y destacados):
     arco   → --frame-top: 50cqi   (restaurantes, panaderías, spa, hoteles)
     suave  → --frame-top: 28px    (cafés, uñas, tiendas)
     recto  → --frame-top: 10px    (barberías, gimnasios, profesionales, clínicas) */
  --frame-top: 50cqi;
  --frame-bottom: 14px;
  color-scheme: light;
}