/*
 * Tokens del diseño de El Pensador Center.
 *
 * Estos valores NO son inventados: están medidos uno a uno sobre la web
 * anterior (Kadence + Personalizador), para que el tema propio pinte
 * exactamente lo mismo sin depender de Kadence.
 *
 * Equivalencias con la instalación anterior:
 *   --ep-oro         = --global-palette2
 *   --ep-melocoton   = --global-palette1
 *   --ep-crema       = --global-palette3
 *   --ep-tierra      = --global-palette4
 *   --ep-negro       = --global-palette6 / 7  (fondo del sitio)
 *   --ep-negro-suave = --global-palette5 / 8  (velos y pie)
 */

:root {
  /* ---- Color ---- */
  --ep-melocoton:    #f5c9a0;
  --ep-oro:          #c8963e;
  --ep-crema:        #f0e6d8;
  --ep-tierra:       #8b7660; /* Antes #8a7560: 4,48:1 sobre el fondo, justo por debajo de AA. */
  --ep-negro:        #0e0b09;
  --ep-negro-suave:  #1a120a;
  --ep-marron:       #3d1f0a;
  --ep-error:        #e9705c;

  /* Bordes y velos de cristal, sacados del CSS de la píldora de cabecera. */
  --ep-cristal-fondo:  rgba(14, 11, 9, 0.55);
  --ep-cristal-borde:  rgba(245, 201, 160, 0.2);
  --ep-cristal-hover:  rgba(245, 201, 160, 0.1);
  --ep-cristal-activo: rgba(245, 201, 160, 0.5);
  --ep-linea:          rgba(245, 201, 160, 0.12);

  /* ---- Tipografía ---- */
  --ep-fuente-texto:  'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ep-fuente-titulo: 'Fraunces', Georgia, 'Times New Roman', serif;

  /*
   * Escala fluida idéntica a la de Kadence. Los clamp() son los mismos que
   * generaba --global-font-size-*.
   */
  --ep-txt-pequeno: clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem);
  --ep-txt-medio:   clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);
  --ep-txt-grande:  clamp(1.75rem, 1.576rem + 0.543vw, 2rem);
  --ep-txt-mayor:   clamp(2rem, 1.6rem + 1vw, 2.5rem);
  --ep-txt-xxl:     clamp(2.25rem, 1.728rem + 1.63vw, 3rem);

  --ep-alto-linea-texto:  1.6;
  --ep-alto-linea-titulo: 1.5;

  /* ---- Espaciado ---- (los mismos pasos que --global-kb-spacing-*) */
  --ep-esp-xxs: 0.5rem;
  --ep-esp-xs:  1rem;
  --ep-esp-sm:  1.5rem;
  --ep-esp-md:  2rem;
  --ep-esp-lg:  3rem;
  --ep-esp-xl:  4rem;
  --ep-esp-xxl: 5rem;
  --ep-esp-3xl: 6.5rem;
  --ep-esp-4xl: 8rem;
  --ep-esp-5xl: 10rem;

  /* ---- Anchuras ---- */
  --ep-ancho-contenido: 1290px;
  --ep-ancho-estrecho:  842px;
  --ep-ancho-carta:     900px;
  --ep-ancho-maximo:    2000px;

  /* ---- Curvas y tiempos ---- */
  --ep-salida:  cubic-bezier(0.23, 1, 0.32, 1);
  --ep-entrada: cubic-bezier(0.77, 0, 0.175, 1);
  --ep-pulsacion: 0.16s;

  /* ---- Capas ---- */
  --ep-z-fondo:    -1;
  --ep-z-base:      1;
  --ep-z-cabecera: 999;
  --ep-z-menu:    1000;
}