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

	--degree-menu1:  #0D2A34;
	--degree-menu2: #2B829F;

	--palette-color-barra1:#715E15;
	--palette-color-barra2:#AF952C;
	--palette-color-barra3:#9A7B00;
	
	--palette-color1 : #262729;
	--palette-color2: #B42238;
	--palette-color3:  #C02840;
	--palette-color4: #D33147;
  --palette-color5: #E23949;

	
	--degree-footer1:  #0D2A34;
	--degree-footer2: #2B829F;
	
	--texto-menu: #5D5D5D;

  --overlay1: rgba(0,92,69 ,0.8);
  --overlay2: rgba(0,92,69 ,0.8);
	
	--textoComplemento1: #5D5D5D;
	--textoComplemento2: #D5D5D5;
	--textoComplemento3: #E9E9E9;
  --textoComplemento4: #F5F5F5;
  --textoComplemento5: #F6F6F6;
  --textoComplemento6: #FFFFFF;

    /* Primary */
    --color-base-primary:   #262729;
    --color-base-primary-900: #262729;
    --color-base-primary-800: #48484B;
    --color-base-primary-700: #67686B;
    --color-base-primary-600: #7C7C7F;
    --color-base-primary-500: #A6A6A9;
    --color-base-primary-400: #C3C4C7;
    --color-base-primary-300: #E8E8EA;
    --color-base-primary-200: #F3F3F5;
    --color-base-primary-100: #F7F7FA;
    --color-base-primary-50:  #FCFDFF;

    /* Secondary */
    --color-base-secondary: #A51A2E;
    --color-base-secondary-900: #A51A2E;
    --color-base-secondary-800: #B42238;
    --color-base-secondary-700: #C02840;
    --color-base-secondary-600: #D33147;
    --color-base-secondary-500: #E23949;
    --color-base-secondary-400: #DD4D5E;
    --color-base-secondary-300: #D36E7C;
    --color-base-secondary-200: #E1969F;
    --color-base-secondary-100: #F6CBD5;
    --color-base-secondary-50:  #FBEAEE;

  /* 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-800);
    --color-icon-accent: var(--color-base-secondary-800);
    --color-icon-tertiary: var(--color-base-neutral-700);
    --color-icon-disable: var(--color-base-neutral-700);
    --color-icon-link: 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-600);
    --color-button-primary-bg-hover: var(--color-base-secondary-400);

    /* 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);
    --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: var(--color-base-neutral);
    --login-btn: var(--color-button-primary-bg-default);
    --color-button-primary-text-default: var(--color-base-primary-50);
}