/* Hallmark · macrostructure: Quote-Led Hero · nav: N2 Floating chip · footer: Ft5 Statement
 * genre: playful (warm-artisanal) · theme: custom ("heladería artesanal, cálida, tradición rioplatense")
 *   paper oklch(96% 0.014 75) cream · accent oklch(63% 0.13 35) terracota warm · display high-contrast-serif
 * enrichment: real photography (logo Facebook + 2 fotos Google Maps verificadas)
 * pre-emit critique: P5 H5 E5 S5 R4 V5
 * contrast: pass (46-50) · states: nav/cta/cards covered · mobile: 360/768/1280 verified
 */

:root {
  /* ---- palette (design.md contract) ---- */
  --paper:    #faf5ef;   /* crema suave  */
  --paper-2:  #f0e6d8;   /* secciones secundarias */
  --paper-3:  #e7d9c6;   /* hover / borders cálidos */
  --ink:      #1a1a2e;   /* texto / títulos */
  --ink-soft: #4a4458;   /* texto secundario */
  --accent:   #d4614a;   /* terracota cálido — links/detalles */
  --accent-2: #b84a36;   /* terracota profundo — relleno CTA en reposo (5.16:1 con blanco) */
  --accent-3: #9d3c2b;   /* terracota más profundo — hover del CTA (contraste seguro) */
  --dark:     #111126;   /* hero oscuro / nav flotante */
  --dark-2:   #1c1c38;   /* superficies sobre dark */
  --cream-line: rgba(250,245,239,.16);
  --gold:     #e8b04b;   /* detalle cálido (estrellas, acentos) */
  --focus:    #d4614a;

  /* ---- on-accent / surfaces ---- */
  --on-accent:  #fff;     /* texto sobre rellenos sólidos (accent/whatsapp) */
  --card:       #fffaf4;  /* superficie de cards sobre secciones alt */
  --open:       #2f7d4f;  /* verde "abierto ahora" */
  --whatsapp:   #25d366;  /* verde marca WhatsApp */

  /* ---- hero / cta gradient stops ---- */
  --hero-stop-1: #20203f;
  --hero-stop-2: #0c0c1c;
  --cta-stop-1:  #21213f;
  --cta-stop-2:  #0b0b1a;

  /* ---- type ---- */
  --font-display: "DM Serif Display", Georgia, "Times New Roman", serif;
  --font-body: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ---- scale (4pt) ---- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px;

  --radius: 14px;
  --radius-lg: 26px;
  --maxw: 1180px;

  --ease: cubic-bezier(.22,.61,.36,1);      /* ease-out suave */
  --ease-spring: cubic-bezier(.34,1.56,.64,1); /* overshoot leve */
  --shadow-soft: 0 18px 40px -18px rgba(26,26,46,.32);
  --shadow-card: 0 10px 30px -16px rgba(26,26,46,.30);
}