/* ── tokens.css ──────────────────────────────────────────────────────────────
   Sistema visual «Mercado» de Punto Medio. Única fuente de verdad del color,
   la tipografía y el ritmo. Nada de valores crudos fuera de este archivo.
   ───────────────────────────────────────────────────────────────────────── */
:root {
  /* Superficies y tinta */
  --crema:        #FAF6EF;
  --crema-honda:  #F1ECE1;
  --crema-alta:   #FFFDF8;
  --tinta:        #2C2C2A;
  --tinta-suave:  #6B6A64;
  --tinta-tenue:  #9C9A93;
  --linea:        rgba(44, 44, 42, 0.11);
  --linea-tenue:  rgba(44, 44, 42, 0.06);

  /* Marca */
  --terracota:       #C24A2D;
  --terracota-honda: #9E3A22;
  --terracota-viva:  #D65F3F;
  --terracota-velo:  rgba(194, 74, 45, 0.10);

  /* Acentos de categoría — cada uno: trazo + fondo tenue */
  --ac-terracota:    #C24A2D;  --ac-terracota-bg: #F7E7E0;
  --ac-ambar:        #A0711F;  --ac-ambar-bg:     #F4EAD1;
  --ac-ciruela:      #7A4364;  --ac-ciruela-bg:   #F1E4EC;
  --ac-salvia:       #4E7A38;  --ac-salvia-bg:    #E5F0DC;
  --ac-cielo:        #35688F;  --ac-cielo-bg:     #E2ECF4;
  --ac-jade:         #2C7A6F;  --ac-jade-bg:      #DBEDEA;
  --ac-guinda:       #8E3B45;  --ac-guinda-bg:    #F2E2E4;
  --ac-oliva:        #6B7328;  --ac-oliva-bg:     #ECEEDA;
  --ac-indigo:       #4A5691;  --ac-indigo-bg:    #E5E7F3;
  --ac-arena:        #8A6A4F;  --ac-arena-bg:     #EFE6DB;

  /* Publicidad — un tema por anuncio (ui/anuncios.js). Fondos hondos para
     que el anuncio se distinga del contenido sin volverse estridente. */
  --anuncio-padel-fondo:  #17362E;
  --anuncio-padel-tinta:  #F2F6EE;
  --anuncio-padel-acento: #C8E05A;
  --anuncio-kiosko-fondo:  #2C2C2A;
  --anuncio-kiosko-tinta:  #FAF6EF;
  --anuncio-kiosko-acento: #D65F3F;
  --anuncio-padium-fondo:  #17130F;
  --anuncio-padium-tinta:  #FBF4EC;
  --anuncio-padium-acento: #F7931E;
  --anuncio-app-fondo:  #9E3A22;
  --anuncio-app-tinta:  #FFF6EE;
  --anuncio-app-acento: #F4C9A8;

  /* Tipografía */
  --display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --texto:   'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* Elevación */
  --sombra-1: 0 1px 2px rgba(44,44,42,.05), 0 4px 12px -6px rgba(44,44,42,.14);
  --sombra-2: 0 2px 4px rgba(44,44,42,.05), 0 14px 30px -14px rgba(44,44,42,.24);
  --sombra-3: 0 4px 10px rgba(44,44,42,.06), 0 34px 70px -26px rgba(44,44,42,.36);

  /* Forma y ritmo */
  --radio-sm:   10px;
  --radio:      16px;
  --radio-lg:   22px;
  --radio-full: 999px;
  --ancho:      1180px;
  --ancho-texto: 760px;

  /* Movimiento */
  --curva:      cubic-bezier(.22, .61, .36, 1);
  --curva-suave: cubic-bezier(.4, 0, .2, 1);
  --transicion: 220ms var(--curva);
}