/* The Wolf's Burgers · tokens de marca para la carta web
   Colores muestreados de la carta impresa (foto de WhatsApp): son APROXIMADOS.
   Si el cliente tiene manual de marca o archivos del logo, sus valores mandan. */

@font-face {
  font-family: "Anton";
  src: url("../fonts/wolf-display.woff2") format("woff2"); /* Anton (SIL OFL, ver fonts/OFL-Anton.txt) */
  font-weight: 400 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: local("Poppins"), local("Poppins Regular"), url("../fonts/wolf-texto.woff2") format("woff2");
  font-weight: 300 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Poppins";
  src: local("Poppins Bold"), local("Poppins ExtraBold"), url("../fonts/wolf-plato.woff2") format("woff2");
  font-weight: 700 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Color */
  --wolf-rojo: #C92E1B;        /* rojo del lobo y de los títulos */
  --wolf-rojo-oscuro: #9E2213; /* hover, textos rojos pequeños sobre fondo claro */
  --wolf-negro: #111111;       /* letras del logo, bandas oscuras */
  --wolf-carbon: #1C1A19;      /* fondo de secciones oscuras */
  --wolf-blanco: #FFFFFF;      /* fondo principal (como la carta impresa) */
  --wolf-hueso: #F6F2EC;       /* fondo alterno suave */
  --wolf-amarillo: #F2C230;    /* "Cuestión de instinto", ícono Sencilla, precios en fondo oscuro */
  --wolf-gris-texto: #4A4542;  /* descripciones */
  --wolf-linea: #E6DED4;       /* divisiones finas */

  /* Tipografía (todas libres en Google Fonts; empaquetarlas en el sitio) */
  --font-titulo: "Anton", "Bebas Neue", Impact, sans-serif;           /* WOLF SNACKS, BEEF BURGERS */
  --font-plato: "Poppins", system-ui, sans-serif;                      /* nombres: 800; precios: 700 */
  --font-texto: "Poppins", system-ui, sans-serif;                      /* descripciones: 400 */

  /* Escala móvil (la carta se abre en el celular) */
  --t-hero: clamp(40px, 11vw, 88px);
  --t-categoria: clamp(34px, 9vw, 64px);
  --t-plato: clamp(20px, 5.4vw, 30px);
  --t-precio: clamp(18px, 4.6vw, 24px);
  --t-texto: 15px;
  --tracking-plato: 0.14em;   /* nombres en mayúscula con aire, como Tanner's */
  --tracking-texto: 0.04em;

  /* Forma y movimiento */
  --radio: 14px;
  --raya: 6px;                 /* grosor de las rayas rojas que enmarcan cada plato */
  --ease-salida: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-entrada: 900ms;
}