:root {
	/*valor de referencia UNICAMENTE INFORMATIVO*/
	--color-primary: hsl(200, 100%, 40%);
	--color-secondary: hsl(42, 100%, 45%);
	--color-tertiary: hsl(261, 50%, 40%);
	--color-quaternary: hsl(44, 100%, 40%);
    
	/*VARIABLE DE COLOR  son provisionales*/
	--color-primary-h: 200;
	--color-primary-s: 100%;
	--color-primary-l: 40%;

	--color-secondary-h: 42;
	--color-secondary-s: 100%;
	--color-secondary-l: 45%;
	--secondary-rgba-r: 204;
	--secondary-rgba-g: 204;
	--secondary-rgba-b: 0;
	--secondary-rgba-a: 1;

	--color-tertiary-h: 261;
	--color-tertiary-s: 50%;
	--color-tertiary-l: 40%;
	--tertiary-rgba-r: 77;
	--tertiary-rgba-g: 38;
	--tertiary-rgba-b: 153;
	--tertiary-rgba-a: 1;

	--color-quaternary-h: 44;
	--color-quaternary-s: 100%;
	--color-quaternary-l: 40%;
	--quaternary-rgba-r: 204;
	--quaternary-rgba-g: 170;
	--quaternary-rgba-b: 0;
	--quaternary-rgba-a: 1;


}


html.dark .page-header{
    background-color: var(--z-secondary)!important; /*#1c2023*/
}

html.dark .text-color-dark {
    color: var(--z-primary)!important;
}

html.dark footer{
    background: #1c2023!important;
}