:root
{
	--login-background: #FFFFFF;

	--degree-menu1:  #084E81;
	--degree-menu2: #0060A5;

	--palette-color-barra1:#715E15;
	--palette-color-barra2:#AF952C;
	--palette-color-barra3:#9A7B00;
	
	--palette-color1 : #0B304C;
	--palette-color2: #48484B;
	--palette-color3:  #435F5D;
	--palette-color4 : #4F8384;
	--palette-color5 : #94DFE0;
	
	--degree-footer1:  #48484B;
	--degree-footer2: #48484B;
	--degree-footer3: #48484B;
	
	--texto-menu: var(--color-text-secondary);

    --overlay1: rgba(46, 70, 146 ,0.8);
	--overlay2: rgba(46, 70, 146 ,0.8);
	
	--textoComplemento1: #FFFFFF;
	--textoComplemento2: #6E6E6E;
	--textoComplemento3: #D5D5D5;
	--textoComplemento4: #ECECEC;
	--textoComplemento5: #141414;
	--textoComplemento6: #FFFFFF;

    	/* accent */
    --color-base-accent: #6BE1F7;
    --color-base-accent-900: #457F82;
    --color-base-accent-800: #54A4AF;
    --color-base-accent-700: #5BB9C7;
    --color-base-accent-600: #64CFE2;
    --color-base-accent-500: #6BE1F7;
    --color-base-accent-400: #71E6F9;
    --color-base-accent-300: #D36E7C;
    --color-base-accent-200: #84ECFC;
    --color-base-accent-100: #A4F1FC;
    --color-base-accent-50: #E8FCFF;

	/* Primary */
    --color-base-primary: #0B304C;
    --color-base-primary-900: #0B304C;
    --color-base-primary-800: #214365;
    --color-base-primary-700: #30567B;
    --color-base-primary-600: #416A92;
    --color-base-primary-500: #4F78A4;
    --color-base-primary-400: #678CB5;
    --color-base-primary-300: #7FA1C9;
    --color-base-primary-200: #9EBDDF;
    --color-base-primary-100: #BBD9F8;
    --color-base-primary-50: #DFEEFF;

	/* Secondary */
    --color-base-secondary: #F7E5BA;
    --color-base-secondary-900: #2C281E;
    --color-base-secondary-800: #605946;
    --color-base-secondary-700: #998E72;
    --color-base-secondary-600: #D6C9A2;
    --color-base-secondary-500: #F7E5BA;
    --color-base-secondary-400: #FAEAC8;
    --color-base-secondary-300: #FAF1D6;
    --color-base-secondary-200: #FAF3DD;
    --color-base-secondary-100: #FDF8EB;
    --color-base-secondary-50: #FEFDF9;
	
  	/* Neutral */
    --color-base-neutral: #BEBDB9;
    --color-base-neutral-900: #262729;
    --color-base-neutral-800: #48484B;
    --color-base-neutral-700: #67686B;
    --color-base-neutral-600: #7C7C7F;
    --color-base-neutral-500: #A6A6A9;
    --color-base-neutral-400: #C3C4C7;
    --color-base-neutral-300: #E8E8EA;
    --color-base-neutral-200: #F3F3F5;
    --color-base-neutral-100: #F7F7FA;
    --color-base-neutral-50: #FCFDFF;

	--color-icon-primary: var(--color-base-primary-900);
	--color-icon-secondary: var(--color-base-neutral-600);
	--color-icon-tertiary: var(--color-base-neutral-500);
	--color-icon-disable: var(--color-base-neutral-400);
	--color-icon-accent: var(--color-base-secondary-700);
	--color-icon-inverse: var(--color-base-neutral-50);
	--color-icon-error: var(--color-base-error-700);

	/* Text Colors */
    --color-text-primary: var(--color-base-primary-900);
    --color-text-secondary: var(--color-base-neutral-800);
    --color-text-tertiary: var(--color-base-neutral-700);
    --color-text-disable: var(--color-base-neutral-700);
    --color-text-link: var(--color-base-secondary-800);
    --color-text-accent: var(--color-base-secondary-800);
    --color-text-inverse: var(--color-base-neutral-50);
    --color-text-error: var(--color-base-error-700);

    --color-button-primary-bg-default: var(--color-base-accent);
    --color-button-primary-bg-hover: var(--color-base-accent-700);

    /* Surface Colors */

    --color-bg-main: var(--color-base-neutral-50);
    --colo-bg-main-secondary: var(--color-base-neutral-100);
    --color-bg-main-tertiary: var(--color-base-neutral-300);
    --colo-bg-main-disabled: var(--color-base-neutral-200);

    --color-bg-primary: var(--color-base-primary-900);
    --color-bg-secondary: var(--color-base-primary-700);
    --colo-bg-primary-lighter: var(--color-base-primary-500);

    --color-bg-secondary: var(--color-base-secondary-300);
    --color-bg-secondary-light: var(--color-base-secondary-200);
    --color-bg-secondary-lighter: var(--color-base-secondary-100);

    /* --- Color Calendar --- */
    --color-calendar-date-start-end-bg: var(--color-base-secondary-200);
    --color-calendar-date-bg-track: var(--color-base-secondary-100);
    --color-calendar-date-hover: var(--color-base-secondary-300);

    --fondo-botones: var(--color-button-primary-bg-default);
    --fondo-botonlogin: var(--color-button-primary-bg-default);
    --boton-chat: var(--color-button-primary-bg-default);
    --iconos-color: var(--color-icon-primary);
    --palette-primario: var(--color-base-secondary);
    --palette-color-margen: #866040;
    --textos-principales: red;
    --login-btn: var(--color-button-primary-bg-default);
	
	--marginLeft:0.8em;
	--borderRadius:10px;
	--borderRadiusInput:7px;
	--width:20%;
	
	--font1:34px;
	--font2:19px;
	--fontspan:25px;
	--fontspan2:20px;
	--fontlist:14px;

	--imagenpopup: url(/_assets/_images/popupInventarioRegina/imagen-pop-up.png);
	--fondo1: url(/_assets/_images/popupInventarioRegina/fondo1.jpg);
	--reginaBG: url(/_assets/_images/popupInventarioRegina/bg.jpg);

	--fondo-botones: var(--color-button-primary-bg-default);
	--boton-chat: var(--color-button-primary-bg-default);
	--iconos-color: var(--color-icon-primary);
	--fondo-botonlogin: var(--color-button-primary-bg-default);
	--palette-primario: var(--color-base-primary);
	--palette-color-margen: var(--color-base-primary-900);
	--textos-principales: var(--color-base-neutral);
	--login-btn: var(--color-button-primary-bg-default);
}