/**
 * Puente entre los nombres --iead-* que ya usa el CSS del plugin
 * iead-hospedaje (components.css, dashboard.css, etc.) y los tokens reales
 * de este tema, definidos en theme.json. No se toca el CSS del plugin: solo
 * se redirige el VALOR de cada variable hacia el token equivalente del tema.
 *
 * Donde theme.json no tiene un token equivalente (pesos de fuente, tamanos
 * de icono, el aro de foco) se deja el valor literal que ya traia el plugin.
 * Donde la escala no calza numero a numero (radios, tamanos de texto,
 * capas), se eligio el token mas cercano por orden, no por decimales.
 */
:root {
	/* Superficies */
	--iead-surface: var(--wp--preset--color--surface);
	--iead-soft: var(--wp--preset--color--base);
	--iead-sunken: var(--wp--preset--color--base-alt);

	/* Texto */
	--iead-ink: var(--wp--preset--color--contrast);
	--iead-muted: var(--wp--preset--color--contrast-muted);
	--iead-faint: var(--wp--preset--color--contrast-muted);

	/* Bordes: el tema solo tiene un tono de linea, no uno "fuerte" aparte */
	--iead-border: var(--wp--preset--color--hairline);
	--iead-border-strong: var(--wp--preset--color--hairline);

	/* Acento */
	--iead-accent: var(--wp--preset--color--accent);
	--iead-accent-hover: var(--wp--preset--color--accent-strong);
	--iead-accent-soft: var(--wp--preset--color--accent-surface);
	--iead-accent-ink: var(--wp--preset--color--accent-strong);
	--iead-on-accent: var(--wp--preset--color--accent-contrast);
	--iead-disabled: var(--wp--preset--color--contrast-muted);
	--iead-disabled-soft: var(--wp--preset--color--base-alt);

	/* Estados */
	--iead-success: var(--wp--preset--color--success);
	--iead-success-soft: var(--wp--preset--color--success-surface);
	--iead-danger: var(--wp--preset--color--danger);
	--iead-danger-soft: var(--wp--preset--color--danger-surface);
	--iead-warning: var(--wp--preset--color--notice);
	--iead-warning-soft: var(--wp--preset--color--notice-surface);

	/* Identidad de genero (mujeres/varones): sin token equivalente en
	   theme.json -no es un color semantico del tema (bien/atencion/mal),
	   es una pareja categorica propia del plugin. Mismo valor literal que
	   tokens.css del plugin, para que no diverjan (ver ese archivo). */
	--iead-gender-mujeres: #c98fac;
	--iead-gender-varones: #7fa3c4;
	--iead-gender-mujeres-soft: #f7eef2;
	--iead-gender-varones-soft: #eef3f7;

	/* Radios: el tema tiene 6/10/16/999px, el plugin pedia 6/8/10/12/999 */
	--iead-radius-sm: var(--wp--preset--border-radius--small);
	--iead-radius: var(--wp--preset--border-radius--small);
	--iead-radius-lg: var(--wp--preset--border-radius--medium);
	--iead-radius-xl: var(--wp--preset--border-radius--large);
	--iead-radius-pill: var(--wp--preset--border-radius--pill);

	/* Espaciado: escala de 4px del plugin sobre la escala en rem del tema */
	--iead-space-1: var(--wp--preset--spacing--10);
	--iead-space-2: var(--wp--preset--spacing--20);
	--iead-space-3: var(--wp--preset--spacing--30);
	--iead-space-4: var(--wp--preset--spacing--30);
	--iead-space-5: var(--wp--preset--spacing--40);
	--iead-space-6: var(--wp--preset--spacing--40);
	--iead-space-7: var(--wp--preset--spacing--50);
	--iead-space-8: var(--wp--preset--spacing--60);
	--iead-gap: var(--iead-space-3);

	/* Tipografia: el tema no trae Inter, usa DM Sans (texto) y Zalando Sans SemiExpanded (titulos) */
	--iead-font-family: var(--wp--preset--font-family--base);
	--iead-font-display: var(--wp--preset--font-family--heading);
	--iead-font-body: var(--wp--preset--font-family--base);
	--iead-font-data: var(--wp--preset--font-family--base);
	--iead-font: var(--wp--preset--font-family--base);
	--iead-text-2xs: var(--wp--preset--font-size--x-small);
	--iead-text-xs: var(--wp--preset--font-size--x-small);
	--iead-text-sm: var(--wp--preset--font-size--small);
	--iead-text-md: var(--wp--preset--font-size--medium);
	--iead-text-base: var(--iead-text-md);
	--iead-text-lg: var(--wp--preset--font-size--large);
	--iead-text-xl: var(--wp--preset--font-size--x-large);
	--iead-text-2xl: var(--wp--preset--font-size--xx-large);

	/* Sin token equivalente en theme.json: se dejan igual que antes */
	--iead-weight-normal: 400;
	--iead-weight-medium: 500;
	--iead-weight-strong: 600;
	--iead-weight-semibold: 600;
	--iead-weight-display: 700;

	--iead-leading-tight: var(--wp--custom--line-height--tight);
	--iead-leading-normal: var(--wp--custom--line-height--base);

	/* Interaccion y tacto */
	--iead-control-min: var(--wp--custom--target--min);
	--iead-icon-sm: 16px;
	--iead-icon-md: 20px;
	--iead-icon-lg: 24px;
	--iead-duration-fast: var(--wp--custom--motion--fast);
	--iead-duration-normal: var(--wp--custom--motion--base);
	--iead-ease-out: var(--wp--custom--motion--ease-out);
	--iead-transition-state: var(--iead-duration-fast) var(--iead-ease-out);

	/* Elevacion y foco: se ordenaron las 4 sombras del tema de mas chica a
	   mas grande para que calcen con las 4 del plugin */
	--iead-shadow-sm: var(--wp--preset--shadow--card);
	--iead-shadow: var(--wp--preset--shadow--card-hover);
	--iead-shadow-md: var(--wp--preset--shadow--header);
	--iead-shadow-pop: var(--wp--preset--shadow--popover);
	/* El tema no tiene un "aro" de foco (box-shadow con difuminado), solo
	   contorno: se deja el aro tal cual estaba. */
	--iead-ring: 0 0 0 3px rgba(37, 99, 235, 0.25);
	--iead-focus-outline: var(--wp--custom--focus--width) solid var(--wp--preset--color--accent);
	--iead-focus-offset: var(--wp--custom--focus--offset);

	/* Orden de apilado: el tema usa una escala de decenas (90-400), el
	   plugin una de miles (1000-1600). Se respeta el ORDEN, no el numero. */
	--iead-z-dropdown: var(--wp--custom--layer--panel);
	--iead-z-sticky: var(--wp--custom--layer--header);
	--iead-z-drawer: var(--wp--custom--layer--modal);
	--iead-z-backdrop: var(--wp--custom--layer--modal);
	--iead-z-modal: var(--wp--custom--layer--modal);
	--iead-z-toast: var(--wp--custom--layer--toast);
	--iead-z-tooltip: var(--wp--custom--layer--toast);
	--iead-z-popover: var(--iead-z-dropdown);
	--iead-z-nav: var(--iead-z-sticky);
	--iead-z-fab: var(--iead-z-toast);
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--iead-duration-fast: 0.01ms;
		--iead-duration-normal: 0.01ms;
	}
}