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

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

	--palette-color-barra1:#715E15;
	--palette-color-barra2:#AF952C;
	--palette-color-barra3:#9A7B00;
	
	--palette-color1 : #155497;
	--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;

	/* Primary */
    --color-base-primary: #155497;
    --color-base-primary-900: #155497;
    --color-base-primary-800: #1975B9;
    --color-base-primary-700: #1F85CE;
    --color-base-primary-600: #2198E1;
    --color-base-primary-500: #20A6F1;
    --color-base-primary-400: #35B3F4;
    --color-base-primary-300: #54C1F6;
    --color-base-primary-200: #83D2F9;
    --color-base-primary-100: #B4E4FC;
    --color-base-primary-50: #E1F5FE;

	/* Secondary */
    --color-base-secondary: #435F5D;
    --color-base-secondary-900: #435F5D;
    --color-base-secondary-800: #4F8384;
    --color-base-secondary-700: #55989B;
    --color-base-secondary-600: #5CADB4;
    --color-base-secondary-500: #64BDC6;
    --color-base-secondary-400: #67C7CD;
    --color-base-secondary-300: #76D1D4;
    --color-base-secondary-200: #94DFE0;
    --color-base-secondary-100: #BBEBEC;
    --color-base-secondary-50: #E3F8F7;
	
  	/* Neutral */
    --color-base-neutral: #262729;
    --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-secondary-200);
    --color-button-primary-bg-hover: var(--color-base-secondary-100);

    /* 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);
}