:root { --login-background: #FFFFFF; --color-icon-primary: var(--color-base-neutral-800); --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-neutral-800); --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-primary-900); --degree-footer1: #FFFFFF; --degree-footer2: #FFFFFF; --degree-footer3: #FFFFFF; --texto-menu: var(--color-base-primary-900); --texto-dark:#000A28; --overlay1: rgba(200, 87, 0, 0.8); --overlay2: rgba(200, 87, 0, 0.8); --textoComplemento1: var(--color-base-primary-900); --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: #F5F9FD; --color-bg-card: #FFFFFF; /* Seeds */ --color-base-primary: #00348D; --color-base-accent: #00DEB2 ; --color-base-error: #D92D20; --color-base-warning: #FFC107; /* accent */ /* --color-base-accent: #00302B; */ --color-base-accent-900: #00554A; --color-base-accent-800: #006758; --color-base-accent-700: #00836F; --color-base-accent-600: #00A487; --color-base-accent-500: #00DEB2; --color-base-accent-400: #25E2B6; --color-base-accent-300: #63F2CC; --color-base-accent-200: #A0FADD; --color-base-accent-100: #CDFEEB; --color-base-accent-50: #EAFFF8; /* Primary */ --color-base-primary-900: #011A64; --color-base-primary-800: #0032B1; --color-base-primary-700: #003AE3; --color-base-primary-600: #0049FF; --color-base-primary-500: #0056FF; --color-base-primary-400: #0067FF; --color-base-primary-300: #298EFF; --color-base-primary-200: #6DB5FF; --color-base-primary-100: #A8D1FF; --color-base-primary-50: #CEE4FF; /* Secondary */ --color-base-secondary-900: #00348D; --color-base-secondary-800: #004AD7; --color-base-secondary-700: #005FFF; --color-base-secondary-600: #006CFF; --color-base-secondary-500: #0780FF; --color-base-secondary-400: #35A6FF; --color-base-secondary-300: #76C6FF; --color-base-secondary-200: #AEDBFF; --color-base-secondary-100: #D1EAFF; --color-base-secondary-50: #EBF6FF; /* Neutral */ --color-base-neutral: #000000; --color-base-neutral-900: #000000; --color-base-neutral-800: #292929; --color-base-neutral-700: #434343; --color-base-neutral-600: #575757; --color-base-neutral-500: #767676; --color-base-neutral-400: #a5a5a5; --color-base-neutral-300: #d6d6d6; --color-base-neutral-200: #ebebeb; --color-base-neutral-100: #f5f5f5; --color-base-neutral-50: #fafafa; --color-white: #ffffff; /* 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; /* ========================================================================== SEMANTIC ========================================================================== */ /* Background - Surface */ --color-bg: var(--color-base-neutral-50); --color-bg-subtle: var(--color-white); --color-bg-muted: var(--color-base-neutral-100); --color-bg-disabled: var(--color-base-neutral-100); /* Background - Secondary */ --color-secondary-bg: var(--color-base-secondary-600); --color-secondary-bg-subtle: var(--color-base-secondary-500); --color-secondary-bg-muted: var(--color-base-secondary-50); /* Background - Primary */ --color-primary-bg: var(--color-base-primary-900); --color-primary-bg-subtle: var(--color-base-primary-500); --color-primary-bg-muted: var(--color-base-primary-50); /* Background - Danger */ --color-danger-bg: var(--color-base-error-900); --color-danger-bg-subtle: var(--color-base-error-500); --color-danger-bg-muted: var(--color-base-error-50); /* Border */ --color-border: var(--color-base-neutral-200); --color-border-subtle: var(--color-base-neutral-100); --color-border-strong: var(--color-base-neutral-300); --color-border-primary: var(--color-base-primary-900); --color-border-secondary: var(--color-base-secondary-500); --color-border-danger: var(--color-base-error-500); /* Text */ --color-text-primary: var(--color-base-neutral-800); --color-text-secondary: var(--color-base-neutral-900); --color-text-tertiary: var(--color-base-neutral-700); --color-text-disabled: var(--color-base-neutral-600); --color-text-link: var(--color-base-secondary-600); --color-text-danger: var(--color-base-error-800); --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);*/ --bg-opacity-color: #448aff12; --fondo-botones: var(--color-base-warning-500); --fondo-botonlogin: var(--color-base-warning-50); --boton-chat: var(--color-base-error-900); --iconos-color: #63ADF2; --color-base-turquesa-600: var(--iconos-color); --palette-primario: var(--color-base-neutral-800); --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; }