:root {

  
  --trevol-marca: #179B08;  
  --trevol-verde: #118305;  
  --trevol-verde-hover: #117208;  
  --trevol-verde-presionado: #0E6506;  
  --trevol-selva: #07550C;  
  --trevol-chispa: #65E468;  
  --trevol-chispa-hover: #73F275;  
  --trevol-chispa-presionado: #53D358;  

  
  --trevol-blanco: #FFFFFF;  
  --trevol-niebla: #F4F5F8;  
  --trevol-bruma: #E9ECEF;  
  --trevol-plata: #D4D7DC;  
  --trevol-acero: #7C818A;  
  --trevol-pizarra: #5A5F67;  
  --trevol-pizarra-profunda: #3B3F47;  
  --trevol-grafito: #24272B;  

  
  --trevol-azul: #056DB5;  
  --trevol-mandarina: #AB4F01;  
  --trevol-aji: #9F010D;  
  --trevol-azul-claro: #4DABFD;  
  --trevol-mandarina-clara: #FE8612;  
  --trevol-aji-claro: #FE6258;  
  --trevol-azul-profundo: #034F86;  
  --trevol-mandarina-profunda: #904204;  
  --trevol-resaltado-busqueda: #FFD21F;  
  --trevol-resaltado-busqueda-oscuro: #E6B800;  

  
  --trevol-noche-950: #101214;  
  --trevol-noche-900: #17191C;  
  --trevol-noche-850: #1E2023;  
  --trevol-noche-800: #242629;  
  --trevol-noche-700: #34373B;  
  --trevol-noche-500: #777C83;  
  --trevol-noche-300: #9EA3AB;  
  --trevol-noche-200: #B3B8BF;  

  
  --trevol-exito: var(--trevol-verde-hover);  
  --trevol-exito-oscuro: var(--trevol-chispa);  
  --trevol-exito-mas-contraste: var(--trevol-verde-presionado);  
  --trevol-exito-oscuro-mas-contraste: var(--trevol-chispa);  
  --trevol-aviso: var(--trevol-mandarina);  
  --trevol-aviso-oscuro: var(--trevol-mandarina-clara);  
  --trevol-aviso-mas-contraste: var(--trevol-mandarina-profunda);  
  --trevol-aviso-oscuro-mas-contraste: var(--trevol-mandarina-clara);  
  --trevol-error: var(--trevol-aji);  
  --trevol-error-oscuro: var(--trevol-aji-claro);  
  --trevol-error-mas-contraste: var(--trevol-aji);  
  --trevol-error-oscuro-mas-contraste: var(--trevol-aji-claro);  
  --trevol-info: var(--trevol-azul);  
  --trevol-info-oscuro: var(--trevol-azul-claro);  
  --trevol-info-mas-contraste: var(--trevol-azul-profundo);  
  --trevol-info-oscuro-mas-contraste: var(--trevol-azul-claro);  
  --trevol-neutro: var(--trevol-pizarra);  
  --trevol-neutro-oscuro: var(--trevol-noche-200);  
  --trevol-neutro-mas-contraste: var(--trevol-pizarra-profunda);  
  --trevol-neutro-oscuro-mas-contraste: var(--trevol-bruma);  

  
  --trevol-motivo-trama-sobre-verde: #0F8F00;  
  --trevol-motivo-trama-sobre-selva: #126115;  
  --trevol-motivo-trama-sobre-niebla: var(--trevol-bruma);  
  --trevol-motivo-cuadricula: var(--trevol-bruma);  

  
  --trevol-ilustracion-piel-1: #F1D2BC;  
  --trevol-ilustracion-piel-2: #DDAF8C;  
  --trevol-ilustracion-piel-3: #C08A64;  
  --trevol-ilustracion-piel-4: #8C5A3C;  
  --trevol-ilustracion-piel-5: #6B4229;  
  --trevol-ilustracion-piel-6: #4A2C1C;  
}


:root,
[data-theme="light"] {
  color-scheme: light;
  --color-fondo-ventana: var(--trevol-niebla);  
  --color-fondo-contenido: var(--trevol-blanco);  
  --color-fila-alterna: var(--trevol-niebla);  
  --color-superficie-elevada: var(--trevol-blanco);  
  --color-superficie-flotante: var(--trevol-blanco);  
  --color-fondo-bajo-pagina: var(--trevol-bruma);  
  --color-fila-hover: rgb(36 39 43 / 0.04);  
  --color-velo: rgb(36 39 43 / 0.25);  
  --color-texto: var(--trevol-grafito);  
  --color-texto-secundario: var(--trevol-pizarra);  
  --color-texto-terciario: var(--trevol-pizarra);  
  --color-texto-cuaternario: var(--trevol-acero);  
  --color-texto-marcador: var(--trevol-pizarra);  
  --color-texto-encabezado: var(--trevol-pizarra);  
  --color-texto-deshabilitado: var(--trevol-acero);  
  --color-cuadricula: var(--trevol-bruma);  
  --color-separador: var(--trevol-plata);  
  --color-borde-control: var(--trevol-acero);  
  --color-accion: var(--trevol-verde);  
  --color-accion-hover: var(--trevol-verde-hover);  
  --color-accion-presionada: var(--trevol-verde-presionado);  
  --color-texto-sobre-accion: var(--trevol-blanco);  
  --color-enlace: var(--trevol-azul);  
  --color-seleccion: var(--trevol-selva);  
  --color-texto-seleccion: var(--trevol-blanco);  
  --color-seleccion-indicador: var(--trevol-verde);  
  --color-seleccion-sin-foco: var(--trevol-bruma);  
  --color-seleccion-sin-foco-indicador: var(--trevol-pizarra);  
  --color-texto-seleccion-sin-foco: var(--trevol-grafito);  
  --color-foco: var(--trevol-azul);  
  --color-foco-sobre-seleccion: var(--trevol-blanco);  
  --color-foco-sobre-marca: var(--trevol-blanco);  
  --color-resaltado-busqueda: var(--trevol-resaltado-busqueda);  
  --color-texto-resaltado-busqueda: var(--trevol-grafito);  
  --color-exito: var(--trevol-exito);  
  --color-exito-fondo: var(--trevol-blanco);  
  --color-aviso: var(--trevol-aviso);  
  --color-aviso-fondo: var(--trevol-blanco);  
  --color-error: var(--trevol-error);  
  --color-error-fondo: var(--trevol-blanco);  
  --color-info: var(--trevol-info);  
  --color-info-fondo: var(--trevol-blanco);  
  --color-neutro: var(--trevol-neutro);  
  --color-neutro-fondo: var(--trevol-blanco);  
  --color-importe-negativo: var(--trevol-error);  
  --color-texto-sobre-error: var(--trevol-blanco);  
  --color-superficie-marca: var(--trevol-marca);  
  --color-superficie-marca-profunda: var(--trevol-selva);  
  --color-texto-sobre-marca: var(--trevol-blanco);  
  --color-logo: var(--trevol-marca);  
  --color-logo-trebol: var(--trevol-marca);  
}


@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --color-fondo-ventana: var(--trevol-noche-950);
    --color-fondo-contenido: var(--trevol-noche-900);
    --color-fila-alterna: var(--trevol-noche-850);
    --color-superficie-elevada: var(--trevol-noche-850);
    --color-superficie-flotante: var(--trevol-noche-800);
    --color-fondo-bajo-pagina: var(--trevol-noche-950);
    --color-fila-hover: rgb(244 245 248 / 0.05);
    --color-velo: rgb(16 18 20 / 0.55);
    --color-texto: var(--trevol-niebla);
    --color-texto-secundario: var(--trevol-noche-200);
    --color-texto-terciario: var(--trevol-noche-300);
    --color-texto-cuaternario: var(--trevol-noche-500);
    --color-texto-marcador: var(--trevol-noche-300);
    --color-texto-encabezado: var(--trevol-noche-200);
    --color-texto-deshabilitado: var(--trevol-noche-500);
    --color-cuadricula: var(--trevol-noche-800);
    --color-separador: var(--trevol-noche-700);
    --color-borde-control: var(--trevol-noche-500);
    --color-accion: var(--trevol-chispa);
    --color-accion-hover: var(--trevol-chispa-hover);
    --color-accion-presionada: var(--trevol-chispa-presionado);
    --color-texto-sobre-accion: var(--trevol-grafito);
    --color-enlace: var(--trevol-azul-claro);
    --color-seleccion: var(--trevol-selva);
    --color-texto-seleccion: var(--trevol-blanco);
    --color-seleccion-indicador: var(--trevol-chispa);
    --color-seleccion-sin-foco: var(--trevol-noche-700);
    --color-seleccion-sin-foco-indicador: var(--trevol-noche-300);
    --color-texto-seleccion-sin-foco: var(--trevol-niebla);
    --color-foco: var(--trevol-azul-claro);
    --color-foco-sobre-seleccion: var(--trevol-blanco);
    --color-foco-sobre-marca: var(--trevol-blanco);
    --color-resaltado-busqueda: var(--trevol-resaltado-busqueda-oscuro);
    --color-texto-resaltado-busqueda: var(--trevol-grafito);
    --color-exito: var(--trevol-exito-oscuro);
    --color-exito-fondo: var(--trevol-noche-900);
    --color-aviso: var(--trevol-aviso-oscuro);
    --color-aviso-fondo: var(--trevol-noche-900);
    --color-error: var(--trevol-error-oscuro);
    --color-error-fondo: var(--trevol-noche-900);
    --color-info: var(--trevol-info-oscuro);
    --color-info-fondo: var(--trevol-noche-900);
    --color-neutro: var(--trevol-neutro-oscuro);
    --color-neutro-fondo: var(--trevol-noche-900);
    --color-importe-negativo: var(--trevol-niebla);
    --color-texto-sobre-error: var(--trevol-grafito);
    --color-superficie-marca: var(--trevol-marca);
    --color-superficie-marca-profunda: var(--trevol-selva);
    --color-texto-sobre-marca: var(--trevol-blanco);
    --color-logo: var(--trevol-blanco);
    --color-logo-trebol: var(--trevol-blanco);
  }
}
[data-theme="dark"] {
  color-scheme: dark;
  --color-fondo-ventana: var(--trevol-noche-950);
  --color-fondo-contenido: var(--trevol-noche-900);
  --color-fila-alterna: var(--trevol-noche-850);
  --color-superficie-elevada: var(--trevol-noche-850);
  --color-superficie-flotante: var(--trevol-noche-800);
  --color-fondo-bajo-pagina: var(--trevol-noche-950);
  --color-fila-hover: rgb(244 245 248 / 0.05);
  --color-velo: rgb(16 18 20 / 0.55);
  --color-texto: var(--trevol-niebla);
  --color-texto-secundario: var(--trevol-noche-200);
  --color-texto-terciario: var(--trevol-noche-300);
  --color-texto-cuaternario: var(--trevol-noche-500);
  --color-texto-marcador: var(--trevol-noche-300);
  --color-texto-encabezado: var(--trevol-noche-200);
  --color-texto-deshabilitado: var(--trevol-noche-500);
  --color-cuadricula: var(--trevol-noche-800);
  --color-separador: var(--trevol-noche-700);
  --color-borde-control: var(--trevol-noche-500);
  --color-accion: var(--trevol-chispa);
  --color-accion-hover: var(--trevol-chispa-hover);
  --color-accion-presionada: var(--trevol-chispa-presionado);
  --color-texto-sobre-accion: var(--trevol-grafito);
  --color-enlace: var(--trevol-azul-claro);
  --color-seleccion: var(--trevol-selva);
  --color-texto-seleccion: var(--trevol-blanco);
  --color-seleccion-indicador: var(--trevol-chispa);
  --color-seleccion-sin-foco: var(--trevol-noche-700);
  --color-seleccion-sin-foco-indicador: var(--trevol-noche-300);
  --color-texto-seleccion-sin-foco: var(--trevol-niebla);
  --color-foco: var(--trevol-azul-claro);
  --color-foco-sobre-seleccion: var(--trevol-blanco);
  --color-foco-sobre-marca: var(--trevol-blanco);
  --color-resaltado-busqueda: var(--trevol-resaltado-busqueda-oscuro);
  --color-texto-resaltado-busqueda: var(--trevol-grafito);
  --color-exito: var(--trevol-exito-oscuro);
  --color-exito-fondo: var(--trevol-noche-900);
  --color-aviso: var(--trevol-aviso-oscuro);
  --color-aviso-fondo: var(--trevol-noche-900);
  --color-error: var(--trevol-error-oscuro);
  --color-error-fondo: var(--trevol-noche-900);
  --color-info: var(--trevol-info-oscuro);
  --color-info-fondo: var(--trevol-noche-900);
  --color-neutro: var(--trevol-neutro-oscuro);
  --color-neutro-fondo: var(--trevol-noche-900);
  --color-importe-negativo: var(--trevol-niebla);
  --color-texto-sobre-error: var(--trevol-grafito);
  --color-superficie-marca: var(--trevol-marca);
  --color-superficie-marca-profunda: var(--trevol-selva);
  --color-texto-sobre-marca: var(--trevol-blanco);
  --color-logo: var(--trevol-blanco);
  --color-logo-trebol: var(--trevol-blanco);
}


@media (prefers-contrast: more) and (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --color-texto-secundario: var(--trevol-pizarra-profunda);
    --color-texto-terciario: var(--trevol-pizarra-profunda);
    --color-texto-encabezado: var(--trevol-pizarra-profunda);
    --color-cuadricula: var(--trevol-acero);
    --color-separador: var(--trevol-pizarra);
    --color-borde-control: var(--trevol-pizarra);
    --color-accion: var(--trevol-verde-presionado);
    --color-accion-hover: var(--trevol-selva);
    --color-accion-presionada: var(--trevol-selva);
    --color-enlace: var(--trevol-azul-profundo);
    --color-seleccion-indicador: var(--trevol-selva);
    --color-seleccion-sin-foco: var(--trevol-plata);
    --color-seleccion-sin-foco-indicador: var(--trevol-pizarra-profunda);
    --color-foco: var(--trevol-azul-profundo);
    --color-exito: var(--trevol-exito-mas-contraste);
    --color-aviso: var(--trevol-aviso-mas-contraste);
    --color-error: var(--trevol-error-mas-contraste);
    --color-info: var(--trevol-info-mas-contraste);
    --color-neutro: var(--trevol-neutro-mas-contraste);
    --color-importe-negativo: var(--trevol-error-mas-contraste);
  }
}
@media (prefers-color-scheme: light) {
  :root[data-contrast="more"]:not([data-theme="dark"]) {
    --color-texto-secundario: var(--trevol-pizarra-profunda);
    --color-texto-terciario: var(--trevol-pizarra-profunda);
    --color-texto-encabezado: var(--trevol-pizarra-profunda);
    --color-cuadricula: var(--trevol-acero);
    --color-separador: var(--trevol-pizarra);
    --color-borde-control: var(--trevol-pizarra);
    --color-accion: var(--trevol-verde-presionado);
    --color-accion-hover: var(--trevol-selva);
    --color-accion-presionada: var(--trevol-selva);
    --color-enlace: var(--trevol-azul-profundo);
    --color-seleccion-indicador: var(--trevol-selva);
    --color-seleccion-sin-foco: var(--trevol-plata);
    --color-seleccion-sin-foco-indicador: var(--trevol-pizarra-profunda);
    --color-foco: var(--trevol-azul-profundo);
    --color-exito: var(--trevol-exito-mas-contraste);
    --color-aviso: var(--trevol-aviso-mas-contraste);
    --color-error: var(--trevol-error-mas-contraste);
    --color-info: var(--trevol-info-mas-contraste);
    --color-neutro: var(--trevol-neutro-mas-contraste);
    --color-importe-negativo: var(--trevol-error-mas-contraste);
  }
}
@media (prefers-contrast: more) {
  [data-theme="light"] {
    --color-texto-secundario: var(--trevol-pizarra-profunda);
    --color-texto-terciario: var(--trevol-pizarra-profunda);
    --color-texto-encabezado: var(--trevol-pizarra-profunda);
    --color-cuadricula: var(--trevol-acero);
    --color-separador: var(--trevol-pizarra);
    --color-borde-control: var(--trevol-pizarra);
    --color-accion: var(--trevol-verde-presionado);
    --color-accion-hover: var(--trevol-selva);
    --color-accion-presionada: var(--trevol-selva);
    --color-enlace: var(--trevol-azul-profundo);
    --color-seleccion-indicador: var(--trevol-selva);
    --color-seleccion-sin-foco: var(--trevol-plata);
    --color-seleccion-sin-foco-indicador: var(--trevol-pizarra-profunda);
    --color-foco: var(--trevol-azul-profundo);
    --color-exito: var(--trevol-exito-mas-contraste);
    --color-aviso: var(--trevol-aviso-mas-contraste);
    --color-error: var(--trevol-error-mas-contraste);
    --color-info: var(--trevol-info-mas-contraste);
    --color-neutro: var(--trevol-neutro-mas-contraste);
    --color-importe-negativo: var(--trevol-error-mas-contraste);
  }
}
[data-contrast="more"][data-theme="light"],
[data-contrast="more"] [data-theme="light"] {
  --color-texto-secundario: var(--trevol-pizarra-profunda);
  --color-texto-terciario: var(--trevol-pizarra-profunda);
  --color-texto-encabezado: var(--trevol-pizarra-profunda);
  --color-cuadricula: var(--trevol-acero);
  --color-separador: var(--trevol-pizarra);
  --color-borde-control: var(--trevol-pizarra);
  --color-accion: var(--trevol-verde-presionado);
  --color-accion-hover: var(--trevol-selva);
  --color-accion-presionada: var(--trevol-selva);
  --color-enlace: var(--trevol-azul-profundo);
  --color-seleccion-indicador: var(--trevol-selva);
  --color-seleccion-sin-foco: var(--trevol-plata);
  --color-seleccion-sin-foco-indicador: var(--trevol-pizarra-profunda);
  --color-foco: var(--trevol-azul-profundo);
  --color-exito: var(--trevol-exito-mas-contraste);
  --color-aviso: var(--trevol-aviso-mas-contraste);
  --color-error: var(--trevol-error-mas-contraste);
  --color-info: var(--trevol-info-mas-contraste);
  --color-neutro: var(--trevol-neutro-mas-contraste);
  --color-importe-negativo: var(--trevol-error-mas-contraste);
}


@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-fondo-contenido: var(--trevol-noche-950);
    --color-fila-alterna: var(--trevol-noche-900);
    --color-superficie-elevada: var(--trevol-noche-900);
    --color-superficie-flotante: var(--trevol-noche-850);
    --color-texto: var(--trevol-blanco);
    --color-texto-secundario: var(--trevol-bruma);
    --color-texto-terciario: var(--trevol-plata);
    --color-texto-marcador: var(--trevol-plata);
    --color-texto-encabezado: var(--trevol-bruma);
    --color-cuadricula: var(--trevol-noche-500);
    --color-separador: var(--trevol-noche-300);
    --color-borde-control: var(--trevol-noche-300);
    --color-seleccion-sin-foco-indicador: var(--trevol-plata);
    --color-texto-seleccion-sin-foco: var(--trevol-blanco);
    --color-exito: var(--trevol-exito-oscuro-mas-contraste);
    --color-exito-fondo: var(--trevol-noche-950);
    --color-aviso: var(--trevol-aviso-oscuro-mas-contraste);
    --color-aviso-fondo: var(--trevol-noche-950);
    --color-error: var(--trevol-error-oscuro-mas-contraste);
    --color-error-fondo: var(--trevol-noche-950);
    --color-info: var(--trevol-info-oscuro-mas-contraste);
    --color-info-fondo: var(--trevol-noche-950);
    --color-neutro: var(--trevol-neutro-oscuro-mas-contraste);
    --color-neutro-fondo: var(--trevol-noche-950);
    --color-importe-negativo: var(--trevol-blanco);
  }
}
@media (prefers-color-scheme: dark) {
  :root[data-contrast="more"]:not([data-theme="light"]) {
    --color-fondo-contenido: var(--trevol-noche-950);
    --color-fila-alterna: var(--trevol-noche-900);
    --color-superficie-elevada: var(--trevol-noche-900);
    --color-superficie-flotante: var(--trevol-noche-850);
    --color-texto: var(--trevol-blanco);
    --color-texto-secundario: var(--trevol-bruma);
    --color-texto-terciario: var(--trevol-plata);
    --color-texto-marcador: var(--trevol-plata);
    --color-texto-encabezado: var(--trevol-bruma);
    --color-cuadricula: var(--trevol-noche-500);
    --color-separador: var(--trevol-noche-300);
    --color-borde-control: var(--trevol-noche-300);
    --color-seleccion-sin-foco-indicador: var(--trevol-plata);
    --color-texto-seleccion-sin-foco: var(--trevol-blanco);
    --color-exito: var(--trevol-exito-oscuro-mas-contraste);
    --color-exito-fondo: var(--trevol-noche-950);
    --color-aviso: var(--trevol-aviso-oscuro-mas-contraste);
    --color-aviso-fondo: var(--trevol-noche-950);
    --color-error: var(--trevol-error-oscuro-mas-contraste);
    --color-error-fondo: var(--trevol-noche-950);
    --color-info: var(--trevol-info-oscuro-mas-contraste);
    --color-info-fondo: var(--trevol-noche-950);
    --color-neutro: var(--trevol-neutro-oscuro-mas-contraste);
    --color-neutro-fondo: var(--trevol-noche-950);
    --color-importe-negativo: var(--trevol-blanco);
  }
}
@media (prefers-contrast: more) {
  [data-theme="dark"] {
    --color-fondo-contenido: var(--trevol-noche-950);
    --color-fila-alterna: var(--trevol-noche-900);
    --color-superficie-elevada: var(--trevol-noche-900);
    --color-superficie-flotante: var(--trevol-noche-850);
    --color-texto: var(--trevol-blanco);
    --color-texto-secundario: var(--trevol-bruma);
    --color-texto-terciario: var(--trevol-plata);
    --color-texto-marcador: var(--trevol-plata);
    --color-texto-encabezado: var(--trevol-bruma);
    --color-cuadricula: var(--trevol-noche-500);
    --color-separador: var(--trevol-noche-300);
    --color-borde-control: var(--trevol-noche-300);
    --color-seleccion-sin-foco-indicador: var(--trevol-plata);
    --color-texto-seleccion-sin-foco: var(--trevol-blanco);
    --color-exito: var(--trevol-exito-oscuro-mas-contraste);
    --color-exito-fondo: var(--trevol-noche-950);
    --color-aviso: var(--trevol-aviso-oscuro-mas-contraste);
    --color-aviso-fondo: var(--trevol-noche-950);
    --color-error: var(--trevol-error-oscuro-mas-contraste);
    --color-error-fondo: var(--trevol-noche-950);
    --color-info: var(--trevol-info-oscuro-mas-contraste);
    --color-info-fondo: var(--trevol-noche-950);
    --color-neutro: var(--trevol-neutro-oscuro-mas-contraste);
    --color-neutro-fondo: var(--trevol-noche-950);
    --color-importe-negativo: var(--trevol-blanco);
  }
}
[data-contrast="more"][data-theme="dark"],
[data-contrast="more"] [data-theme="dark"] {
  --color-fondo-contenido: var(--trevol-noche-950);
  --color-fila-alterna: var(--trevol-noche-900);
  --color-superficie-elevada: var(--trevol-noche-900);
  --color-superficie-flotante: var(--trevol-noche-850);
  --color-texto: var(--trevol-blanco);
  --color-texto-secundario: var(--trevol-bruma);
  --color-texto-terciario: var(--trevol-plata);
  --color-texto-marcador: var(--trevol-plata);
  --color-texto-encabezado: var(--trevol-bruma);
  --color-cuadricula: var(--trevol-noche-500);
  --color-separador: var(--trevol-noche-300);
  --color-borde-control: var(--trevol-noche-300);
  --color-seleccion-sin-foco-indicador: var(--trevol-plata);
  --color-texto-seleccion-sin-foco: var(--trevol-blanco);
  --color-exito: var(--trevol-exito-oscuro-mas-contraste);
  --color-exito-fondo: var(--trevol-noche-950);
  --color-aviso: var(--trevol-aviso-oscuro-mas-contraste);
  --color-aviso-fondo: var(--trevol-noche-950);
  --color-error: var(--trevol-error-oscuro-mas-contraste);
  --color-error-fondo: var(--trevol-noche-950);
  --color-info: var(--trevol-info-oscuro-mas-contraste);
  --color-info-fondo: var(--trevol-noche-950);
  --color-neutro: var(--trevol-neutro-oscuro-mas-contraste);
  --color-neutro-fondo: var(--trevol-noche-950);
  --color-importe-negativo: var(--trevol-blanco);
}


:root,
[data-theme] {
  --color-window-bg: var(--color-fondo-ventana);
  --color-content-bg: var(--color-fondo-contenido);
  --color-row-alt: var(--color-fila-alterna);
  --color-surface-raised: var(--color-superficie-elevada);
  --color-surface-overlay: var(--color-superficie-flotante);
  --color-under-page: var(--color-fondo-bajo-pagina);
  --color-row-hover: var(--color-fila-hover);
  --overlay-dim: var(--color-velo);
  --color-label: var(--color-texto);
  --color-label-secondary: var(--color-texto-secundario);
  --color-label-tertiary: var(--color-texto-terciario);
  --color-label-quaternary: var(--color-texto-cuaternario);
  --color-placeholder: var(--color-texto-marcador);
  --color-header-text: var(--color-texto-encabezado);
  --color-text-disabled: var(--color-texto-deshabilitado);
  --color-grid: var(--color-cuadricula);
  --color-separator: var(--color-separador);
  --color-control-border: var(--color-borde-control);
  --color-accent: var(--color-accion);
  --color-accent-hover: var(--color-accion-hover);
  --color-accent-pressed: var(--color-accion-presionada);
  --color-on-accent: var(--color-texto-sobre-accion);
  --color-accent-text: var(--color-enlace);
  --color-selection-bg: var(--color-seleccion);
  --color-selection-text: var(--color-texto-seleccion);
  --color-selection-indicator: var(--color-seleccion-indicador);
  --color-selection-bg-unfocused: var(--color-seleccion-sin-foco);
  --color-selection-indicator-unfocused: var(--color-seleccion-sin-foco-indicador);
  --color-selection-text-unfocused: var(--color-texto-seleccion-sin-foco);
  --color-focus-ring: var(--color-foco);
  --color-focus-ring-on-selection: var(--color-foco-sobre-seleccion);
  --color-focus-ring-on-brand: var(--color-foco-sobre-marca);
  --color-find-highlight: var(--color-resaltado-busqueda);
  --color-find-highlight-text: var(--color-texto-resaltado-busqueda);
  --color-success: var(--color-exito);
  --color-success-bg: var(--color-exito-fondo);
  --color-warning: var(--color-aviso);
  --color-warning-bg: var(--color-aviso-fondo);
  --color-danger: var(--color-error);
  --color-danger-bg: var(--color-error-fondo);
  --color-info-bg: var(--color-info-fondo);
  --color-neutral: var(--color-neutro);
  --color-neutral-bg: var(--color-neutro-fondo);
  --color-amount-negative: var(--color-importe-negativo);
}


@media (forced-colors: active) {
  :root,
  [data-theme] {
    --color-foco: Highlight !important;
    --color-foco-sobre-seleccion: HighlightText !important;
    --color-foco-sobre-marca: Highlight !important;
    --color-seleccion: Highlight !important;
    --color-texto-seleccion: HighlightText !important;
    --color-seleccion-indicador: HighlightText !important;
    --color-seleccion-sin-foco: Highlight !important;
    --color-texto-seleccion-sin-foco: HighlightText !important;
    --color-seleccion-sin-foco-indicador: HighlightText !important;
  }
}