/* CSS Document */

:root {
	--font-family-primary: 'Open Sans', sans-serif;
	--font-family-secondary: 'IBM Plex Serif', serif;
	
	--color-navbarbutton-primary: var(--color-primary, rgba(104,158,58,1));
	--color-navbarbutton-active: var(--color-accent, rgba(132,52,75,1));
	
	--color-menutitle: rgba(255,255,255,0.6);
	--color-menulink-active: rgba(255,255,255,1);
	--color-menulink: rgba(255,255,255,0.7);
	--color-slidercard-h3: var(--color-text-main, rgba(132,52,75,1));
	--color-slidercard-p: var(--color-text-muted, rgba(53,53,53,1));
	--color-slidercard-btn: var(--color-surface, rgba(255,255,255,1));
	--color-main-titulo: var(--color-primary, rgba(132,52,75,1));
	--color-main-texto: var(--color-text-main, rgba(53,53,53,1));
	--color-contacto: var(--color-primary, rgba(104,158,58,1));	
	--color-producto: var(--color-surface, rgba(255,255,255,1));
	--color-main-subtitulo: var(--color-text-muted, rgba(82,32,46,1));

	
	--bgcolor-navbar: var(--color-nav-bg, rgba(255,255,255,0.5));
	--bgcolor-navbarbutton-primary: transparent;
	--bgcolor-navbarbutton-active: rgba(255,255,255,0.1);
	--bgcolor-menu: var(--color-nav-bg, rgb(17, 31, 49));
	--bgcolor-slidercard: var(--color-surface, rgba(255,255,255,0.8));
	--bgcolor-slidercard-btn: var(--color-primary, rgba(80,88,99,1));
	--bgcolor-main: var(--color-background, rgba(239,241,244,0.2));	
	--bgcolor-buscador: var(--color-surface, rgba(80,88,99,0.4));	
	--bgcolor-contacto: var(--color-background, rgba(104,158,58,1));	
}