/* ==========================================================================
   VARIABLES.CSS — PALETA, TIPOGRAFÍA Y MEDIDAS GLOBALES
   Cambia un valor aquí y se actualiza en todo el sitio.
   ========================================================================== */

:root {

  /* ---- COLOR ---------------------------------------------------------- */
  --c-tinta:     #14100E;   /* negro cálido: textos y fondos oscuros       */
  --c-tinta-80:  #2A2320;   /* superficies oscuras secundarias             */
  --c-azulejo:   #E8E4DC;   /* fondo principal, gris cálido de azulejo     */
  --c-tiza:      #FBF9F5;   /* blanco roto: tarjetas                       */
  --c-vino:      #6E1F26;   /* acento principal (sillón de piel)           */
  --c-vino-osc:  #55161C;   /* hover del acento                            */
  --c-laton:     #B8894A;   /* metal envejecido: detalles y precios        */
  --c-humo:      #6F675F;   /* texto secundario                            */
  --c-linea:     #CFC8BC;   /* bordes y separadores                        */
  --c-verde:     #2E6B4F;   /* estado "abierto ahora"                      */

  /* ---- TIPOGRAFÍA ------------------------------------------------------ */
  --f-display: "Anton", "Impact", sans-serif;                 /* títulos    */
  --f-texto:   "Spectral", Georgia, serif;                    /* párrafos   */
  --f-util:    "Barlow Condensed", "Arial Narrow", sans-serif;/* etiquetas  */

  --t-xs:   0.78rem;
  --t-sm:   0.92rem;
  --t-base: 1.02rem;
  --t-md:   1.25rem;
  --t-lg:   clamp(1.6rem, 3vw, 2.2rem);
  --t-xl:   clamp(2.2rem, 6vw, 3.6rem);
  --t-hero: clamp(3rem, 11vw, 7.5rem);

  --tracking-etiqueta: 0.22em;

  /* ---- ESPACIADO ------------------------------------------------------- */
  --e-1: 0.5rem;
  --e-2: 1rem;
  --e-3: 1.5rem;
  --e-4: 2.5rem;
  --e-5: 4rem;
  --e-6: 6rem;
  --seccion-y: clamp(4rem, 9vw, 7.5rem);
  --ancho-max: 1180px;
  --ancho-texto: 62ch;

  /* ---- FORMA Y PROFUNDIDAD --------------------------------------------- */
  --r-sm: 2px;
  --r-md: 4px;
  --sombra: 0 18px 40px -24px rgba(20, 16, 14, 0.55);
  --borde: 1px solid var(--c-linea);

  /* ---- MOVIMIENTO ------------------------------------------------------ */
  --trans: 220ms cubic-bezier(0.22, 0.61, 0.36, 1);
}