/* Tipografía global - Resyglass
 *
 * Ajustes globales de tipografía que dependen de presets/clases.
 */

/* Por defecto */

:root {
	--wp--custom--font-size--h-1: 3rem;
	--wp--custom--font-size--h-2: 2rem;
	--wp--custom--font-size--h-3: 1.75rem;
	--wp--custom--font-size--h-4: 1.5rem;
	--wp--custom--font-size--base: 1rem;
	--wp--custom--font-size--texto-grande: 1.25rem;
	--wp--custom--font-size--texto-pequeno: 14px;
}


body,
.editor-styles-wrapper {
	font-family: var(--wp--preset--font-family--roboto);
	font-size: var(--wp--custom--font-size--base);
	line-height: var(--wp--custom--line-height--medium);
}

/* Tipografía por defecto para headings (se puede sobreescribir desde el editor). */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--wp--preset--font-family--poppins);
}

h1 {
	font-size: var(--wp--custom--font-size--h-1);
	font-style: normal;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.06rem;
}

h2 {
	font-size: var(--wp--custom--font-size--h-2);
	font-style: normal;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.05rem;
}

h3 {
	font-size: var(--wp--custom--font-size--h-3);
	font-style: normal;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: -0.02rem;
}

h4 {
	font-size: var(--wp--custom--font-size--h-4);
	font-style: normal;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: -0.01rem;
}

/* Presets de headings (según Figma) */
.has-h1-font-size {
	font-size: var(--wp--custom--font-size--h-1);
	font-style: normal;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.06rem;
}

.has-h2-font-size {
	font-size: var(--wp--custom--font-size--h-2);
	font-style: normal;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -0.05rem;
}

.has-h3-font-size {
	font-size: var(--wp--custom--font-size--h-3);
	font-style: normal;
	font-weight: 500;
	line-height: 1.25;
	letter-spacing: -0.02rem;
}

.has-h4-font-size {
	font-size: var(--wp--custom--font-size--h-4);
	font-style: normal;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: 0;
}

/* Escalado desktop de tamaños de título (override de variables del preset) */
@media (min-width: 782px) {

	:root {
		--wp--custom--font-size--h-1: 3.5rem;
		--wp--custom--font-size--h-2: 2.5rem;
		--wp--custom--font-size--h-3: 1.75rem;
		--wp--custom--font-size--h-4: 1.5rem;
		--wp--custom--font-size--texto-grande: 1.5rem;
		--wp--custom--font-size--texto-pequeno: 14px;
	}

	.has-h1-font-size {
		letter-spacing: -0.07rem;
	}

	.has-h2-font-size {
		letter-spacing: -0.06rem;
	}
}

/* "Texto grande" (párrafo grande) */
.wp-block-paragraph.has-texto-grande-font-size {
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 1.2;
}

@media (min-width: 782px) {
	.wp-block-paragraph.has-texto-grande-font-size {
		font-size: 24px;
	}
}

/* "Texto pequeño" (captions / notas) */
.wp-block-paragraph.has-texto-pequeno-font-size {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.4;
}

/* Strong siempre verde agua */
strong {
	color: var(--wp--preset--color--verde-agua);
}