/* Dulce Momento — tokens que consumen los widgets.
 *
 * DESVIACIÓN DELIBERADA del método: aquí NO se redefinen los valores de marca.
 * El sistema de diseño de este sitio ya vive en el kit de Elementor (Global
 * Colors + Custom CSS del kit), que es lo que el cliente edita desde
 * Site Settings. Si este archivo declarase sus propios hex habría dos fuentes de
 * verdad y cambiar un Global Color dejaría de propagar a los widgets.
 *
 * Por eso este archivo solo MAPEA los nombres del design system original
 * (--dm-*) sobre los globales del kit (--e-global-color-*). El kit manda.
 */

:root {
	/* Rosas de marca */
	--dm-rosa-50:  var(--e-global-color-dmrosa50,  #FFF1F8);
	--dm-rosa-100: var(--e-global-color-dmrosa100, #FDE0EF);
	--dm-rosa-200: var(--e-global-color-dmrosa200, #FBD7D7);
	--dm-rosa-300: var(--e-global-color-dmrosa300, #F8ADD5);
	--dm-rosa-400: var(--e-global-color-dmrosa400, #F58BC5);
	--dm-rosa-500: var(--e-global-color-primary,   #F263B2);
	--dm-rosa-600: var(--e-global-color-accent,    #E8479B);
	--dm-rosa-700: var(--e-global-color-secondary, #C72E7D);
	--dm-rosa-800: var(--e-global-color-dmrosa800, #8F1D57);

	/* Confeti */
	--dm-menta-100: var(--e-global-color-dmmenta100, #D6F7F4);
	--dm-menta-500: var(--e-global-color-dmmenta500, #2BC4C4);
	--dm-menta-700: var(--e-global-color-dmmenta700, #12888C);
	--dm-limon-100: var(--e-global-color-dmlimon100, #FFF3CB);
	--dm-limon-500: var(--e-global-color-dmlimon500, #FFC93C);
	--dm-limon-700: var(--e-global-color-dmlimon700, #D89A00);
	--dm-uva-100:   var(--e-global-color-dmuva100,   #EFE2FB);
	--dm-uva-500:   var(--e-global-color-dmuva500,   #9B5DE5);
	--dm-uva-700:   var(--e-global-color-dmuva700,   #6C34B0);
	--dm-mandarina-500: var(--e-global-color-dmmandarina500, #FF7A45);
	--dm-mandarina-700: var(--e-global-color-dmmandarina700, #D24E1B);

	/* Neutros */
	--dm-tinta-900: var(--e-global-color-dmtinta900, #2B1B2A);
	--dm-tinta-700: var(--e-global-color-text,       #4E3A4C);
	--dm-tinta-200: var(--e-global-color-dmtinta200, #E4DBE3);
	--dm-crema:     var(--e-global-color-dmcrema,    #FFF8F3);
	--dm-papel:     var(--e-global-color-dmpapel,    #FFFFFF);
}
