/* ─────────────────────────────────────────────────────────────
   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.
   ───────────────────────────────────────────────────────────── */
/* Molienda: paleta de la marca (espresso, crema, beige y caramelo tostado) */
:root {
  --papel: #fcf9f4;      /* blanco cálido: superficie principal */
  --harina: #f4ece0;     /* crema: fondo exterior */
  --miga: #e6d8c3;       /* beige */
  --miga-2: #efe5d6;     /* ticket, chips */
  --corteza: #241813;    /* espresso: texto y bloques oscuros */
  --corteza-2: #3a2921;
  --brasa: #a3552a;      /* caramelo tostado, acento único: 5.1:1 sobre papel */
  --brasa-2: #8a4521;
  --brasa-claro: #d98a5c;/* acento sobre espresso: 6.4:1 */
  --trigo: #c9a27e;      /* dorado del logo: sello, con texto espresso encima (7.4:1) */
  --texto: #2a201b;
  --texto-2: #6e5b4e;    /* 6.1:1 sobre papel */
  --linea: rgba(36, 24, 19, .12);
  --wa: #1f7a45;

  --display: "Fraunces", Georgia, "Times New Roman", serif;
  --sans: "Manrope", 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: 28px;
  --frame-bottom: 14px;
  color-scheme: light;
}