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

	--color-icon-primary: #000000;

	--palette-color-barra1:var(--color-base-secondary-600);
	--palette-color-barra2: var(--color-base-secondary-700);
	--palette-color-barra3: var(--color-base-secondary-500);
	
	--palette-color1 : var(--color-base-accent-600);
	--palette-color2: var(--color-base-secondary-500);
	--palette-color3:  var(--color-base-secondary-200);
	--palette-color4: var(--color-base-secondary-300);
	--palette-color5: var(--color-base-secondary-100);

	--degree-footer1:  #FFFFFF;
	--degree-footer2: #FFFFFF;
	--degree-footer3: #FFFFFF;

	--texto-menu: #000000;

	--overlay1: rgba(200, 87, 0 ,0.8);
	--overlay2: rgba(200, 87, 0 ,0.8);
	
	--textoComplemento1: var(--color-base-accent-600);
	--textoComplemento2: var(--color-base-accent-500);
	--textoComplemento3: var(--color-base-accent-400);
	--textoComplemento4: var(--color-base-accent-300);
	--textoComplemento5: var(--color-base-accent-200);
	--textoComplemento6: var(--color-base-accent-100);
	
	--color-button-primary-bg-default: var(--color-base-secondary-500);
    --color-button-primary-bg-hover: var(--color-base-secondary-700);
	
	--color-bg-main: #F7F3ED;
    --color-bg-card: #FFFFFF;

    
	  /* Seeds */
	--color-base-primary: #000000;
	--color-base-accent: #37A8DF;
	--color-base-error: #D92D20;
	--color-base-warning: #FFC107;
	

	/* accent */
    --color-base-accent: #001B35 ;
    --color-base-accent-900: #001B35;
    --color-base-accent-800: #041E37;
    --color-base-accent-700: #032848;
    --color-base-accent-600: #06264A;
    --color-base-accent-500: #566679 ;
    --color-base-accent-400: #A2B3C4;
    --color-base-accent-300: #778CA3;
    --color-base-accent-200: #CFD9E2;
    --color-base-accent-100: #001B35;
    --color-base-accent-50: #041E37;

  
	/* Primary */
	--color-base-primary-900: #001B35; 
	--color-base-primary-800: #041E37; 
	--color-base-primary-700: #032848; 
	--color-base-primary-600: #06264A; 
	--color-base-primary-500: #566679; 
	--color-base-primary-400: #A2B3C4; 
	--color-base-primary-300: #778CA3; 
	--color-base-primary-200: #CFD9E2; 
	--color-base-primary-100: #001B35; 
	--color-base-primary-50: #041E37;

	/* Secondary */
	--color-base-secondary-900: #4E2504;
	--color-base-secondary-800: #7E3C07;
	--color-base-secondary-700: #AD4E00;
	--color-base-secondary-600: #C85700;
	--color-base-secondary-500: #FF7200;
	--color-base-secondary-400: #FF8E33;
	--color-base-secondary-300: #FFAD6B;
	--color-base-secondary-200: #FFCCA3;
	--color-base-secondary-100: #FCE6D5;
	--color-base-secondary-50: #FDF4EC;
	
	/* turquesa  colores adicionales a la personalizacion*/
	--color-base-turquesa-900: #024950;
	--color-base-turquesa-800: #007782;
	--color-base-turquesa-700: #00A9B7;
	--color-base-turquesa-600: #16BBCA;
	--color-base-turquesa-500: #3EC8D4;
	--color-base-turquesa-400: #58CFDA;
	--color-base-turquesa-300: #7CD6DE;
	--color-base-turquesa-200: #B0E3E8;
	--color-base-turquesa-100: #DAEFF1;
	--color-base-turquesa-50: #F1F8F8;
	/*fin turquesa  colores adicionales a la personalizacion*/
	
	/* Error */
	--color-base-error-900: #7A271A;
	--color-base-error-800: #912018;
	--color-base-error-700: #B32318;
	--color-base-error-600: #D92D20;
	--color-base-error-500: #F04438;
	--color-base-error-400: #F97066;
	--color-base-error-300: #FDA19B;
	--color-base-error-200: #FECDC9;
	--color-base-error-100: #FEE4E2;
	--color-base-error-50: #FEF3F2;

	/* Warning */
	--color-base-warning-900: #FF6F00;
	--color-base-warning-800: #FF8F00;
	--color-base-warning-700: #FFA000;
	--color-base-warning-600: #FFB300;
	--color-base-warning-500: #FFC107;
	--color-base-warning-400: #FFCA28;
	--color-base-warning-300: #FFD54F;
	--color-base-warning-200: #FFE082;
	--color-base-warning-100: #FFECB3;
	--color-base-warning-50: #FFF8E1;

	/* Neutral */
	--color-base-neutral: #21201F;
    --color-base-neutral-900: #21201F;
    --color-base-neutral-800: #3D3C3A;
    --color-base-neutral-700: #5C5A57 ;
    --color-base-neutral-600: #6E6C68 ;
    --color-base-neutral-500: #94928F ;
    --color-base-neutral-400: #C7C4C0 ;
    --color-base-neutral-300: #E3E1DD ;
    --color-base-neutral-200: #F2F0EC ;
    --color-base-neutral-100: #F7F5F2 ;
    --color-base-neutral-50: #FFFEFC ;
    --color-base-neutral-25: #F5F7F7 ;
	--color-icon-inverse: #7d1923;

	--color-ckeckbox-bg: #7d1923;

	--color-button-primary-bg-default: var(--color-base-warning-500);
	--color-button-primary-text-default: #FFFFFF;
	
	--marginLeft:0.8em;
	--borderRadius:10px;
	--borderRadiusInput:7px;
	--width:20%;
	
	--font1:34px;
	--font2:19px;
	--fontspan:25px;
	--fontspan2:20px;
	--fontlist:14px;

	--color-input-bg-default: #FFFDFA;
	--color-base-neutral-100: #FCF9F5;

	/*--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-base-warning-500);
	--fondo-botonlogin: var(--color-base-warning-50);
	--boton-chat: var(--color-base-error-900);
	--iconos-color: var(--color-base-neutral-900);
	--palette-primario: var(--color-base-accent-600);
	--textos-principales: var(--color-base-neutral-900);
	--login-btn: var(--color-base-error-900);

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

	--fontsize10: 10px;
	--fontsize12: 12px;
	--fontsize13: 13px;
	--fontsize14: 14px;
	--fontsize16: 16px;
	--fontsize18: 18px;
	--fontsize22: 22px;
	--fontsize24: 24px;
	--fontsize26: 26px;
	--fontsize28: 28px;
	--fontsize30: 30px;
	--fontsize38: 38px;

}