: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 : #133455;
	--palette-color2: #48484B;
	--palette-color3:  #435F5D;
	--palette-color4 : #4F8384;
	--palette-color5 : #94DFE0;

    /* ── Brand ─────────────────────────────────────────────── */
    --color-brand:        var(--color-base-primary);
    --color-brand-hover:  var(--color-base-primary-700);
    --color-brand-light:  var(--color-base-primary-50);
	
	--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: #007074 ;
    --color-base-accent-900: #007074;
    --color-base-accent-800: #0095A4;
    --color-base-accent-700: #00ABBF;
    --color-base-accent-600: #00C4DE;
    --color-base-accent-500: #00D7F6 ;
    --color-base-accent-400: #17DEF8;
    --color-base-accent-300: #3FE6FC;
    --color-base-accent-200: #71EFFF;
    --color-base-accent-100: #A6F6FF;
    --color-base-accent-50: #DBFBFF;

	/* Primary */
    --color-base-primary: #133455;
    --color-base-primary-900: #133455;
    --color-base-primary-800: #1D4D74;
    --color-base-primary-700: #235B85;
    --color-base-primary-600: #2D6B96;
    --color-base-primary-500: #3677A2;
    --color-base-primary-400: #4A88AD;
    --color-base-primary-300: #629AB9 ;
    --color-base-primary-200: #86B5CC;
    --color-base-primary-100: #B1D1E0;
    --color-base-primary-50: #DEECF2;

	/* Secondary */
    --color-base-secondary: #EA6258  ;
    --color-base-secondary-900: #EA6258;
    --color-base-secondary-800: #ED7168;
    --color-base-secondary-700: #EF7F77  ;
    --color-base-secondary-600: #F08E87  ;
    --color-base-secondary-500: #F29D97  ;
    --color-base-secondary-400: #F5ADA8  ;
    --color-base-secondary-300: #F7BDB9 ;
    --color-base-secondary-200: #F9CDCA ;
    --color-base-secondary-100: #FADEDB ;
    --color-base-secondary-50: #FDEEED;
	
  	/* 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-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-primary-800);

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

    /* checkbox & radio */
  --color-checkbox-bg: var(--color-base-primary);
  --color-checkbox-icon: var(--color-icon-inverse);

    /* ── Border radius ───────────────────────────────────────────────────── */
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --radius-full: 9999px;

  /* ── Shadows ─────────────────────────────────────────────────────────── */
  --shadow-sm:  0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md:  0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg:  0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --shadow-xl:  0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);

  /* ── Transitions ─────────────────────────────────────────────────────── */
  --transition-fast:   150ms ease;
  --transition-base:   200ms ease;
  --transition-slow:   300ms ease;

  /* ── Z-index ─────────────────────────────────────────────────────────── */
  --z-dropdown: 1000;
  --z-sticky:   1020;
  --z-modal:    1050;
  --z-tooltip:  1070;
}