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

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

	--palette-color-barra1:#715E15;
	--palette-color-barra2:#AF952C;
	--palette-color-barra3:#9A7B00;
	
	--palette-color1 : #0E0F0F;
	--palette-color2: #232525;
	--palette-color3:  #383A3C;
	--palette-color4 : #494D50;
	--palette-color5 : #676B6E;
	
	--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;
	--divider: #DCDEDE;
	--border: #DCDEDE;
	--textoComplemento4: #ECECEC;
	--textoComplemento5: #141414;
	--textoComplemento6: #FFFFFF;

    	/* accent */
    --color-base-accent: #0E0F0F ;
    --color-base-accent-900: #0E0F0F;
    --color-base-accent-800: #232525 ;
    --color-base-accent-700: #383A3C ;
    --color-base-accent-600: #494D50 ;
    --color-base-accent-500: #676B6E  ;
    --color-base-accent-400: #989B9F;
    --color-base-accent-300: #CED0D2 ;
    --color-base-accent-200: #E0E2E3;
    --color-base-accent-100: #F2F3F3;
    --color-base-accent-50: #F9F9F9;

	/* Primary */
    --color-base-primary: #0E0F0F;
    --color-base-primary-900: #0E0F0F;
    --color-base-primary-800: #232525;
    --color-base-primary-700: #383A3C;
    --color-base-primary-600: #494D50;
    --color-base-primary-500: #676B6E;
    --color-base-primary-400: #989B9F;
    --color-base-primary-300: #CED0D2 ;
    --color-base-primary-200: #E0E2E3;
    --color-base-primary-100: #F2F3F3;
    --color-base-primary-50: #F9F9F9;

	/* Secondary */
    --color-base-secondary: #0E0F0F  ;
    --color-base-secondary-900: #0E0F0F;
    --color-base-secondary-800: #232525 ;
    --color-base-secondary-700: #383A3C  ;
    --color-base-secondary-600: #494D50  ;
    --color-base-secondary-500: #676B6E  ;
    --color-base-secondary-400: #989B9F  ;
    --color-base-secondary-300: #CED0D2 ;
    --color-base-secondary-200: #E0E2E3 ;
    --color-base-secondary-100: #F2F3F3 ;
    --color-base-secondary-50: #F9F9F9;
	
  	/* Neutral */
    --color-base-neutral: #0E0F0F;
    --color-base-neutral-900: #0E0F0F;
    --color-base-neutral-800: #232525;
    --color-base-neutral-700: #383A3C ;
    --color-base-neutral-600: #494D50 ;
    --color-base-neutral-500: #676B6E ;
    --color-base-neutral-400: #989B9F ;
    --color-base-neutral-300: #CED0D2 ;
    --color-base-neutral-200: #E0E2E3 ;
    --color-base-neutral-100: #F2F3F3 ;
    --color-base-neutral-50: #F9F9F9 ;

	--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-primary-700);
    --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);
    --color-button-primary-text-default:var(--color-base-accent-50);

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

    --font-dynamic-personalizado: var(--font-dynamic) !important;
}